3

jqplot を使用して二重軸グラフを作成することは可能ですか?

誰でも同じ例を共有できますか

4

2 に答える 2

6

可能です。

コード例:

$(document).ready(function(){
    $.jqplot('chart1', [
            [54551.94,15192.79,37937.26,11417.67,11799.59,18377.53,49207.82,168235.42,16654.29,62145.78],
            [132.19,2.99,6.09,50.38,1.44,4.41,25.25,3.37,68.60,2.14]
        ], {
        seriesDefaults : {
            renderer : $.jqplot.BarRenderer,
            rendererOptions : {  
                highlightMouseOver : true,
                barWidth : 10
            }
        },  
        legend : {
            show : true,
            placement : 'outsideGrid'
        },                  
      
        axes : {                 
            xaxis : {
                renderer : $.jqplot.CategoryAxisRenderer,
                tickOptions : {
                  angle : 45    
                },
                ticks : ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J']
            },
            yaxis : {
                label : 'axis1',
                renderer : $.jqplot.LogAxisRenderer                        
            },
            y2axis : {
                label : 'axis2'                      
            }
        },
        series : [{
            yaxis : 'yaxis',
            label : 'dataForAxis1'
        }, {
            yaxis : 'y2axis',
            label : 'dataForAxis2'
        }]
    });
});

JSFiddle の例:

例

ドキュメンテーション ：

参照については、こちらを参照してください。

上から 3 番目の例を見てください。

于 2013-03-20T02:53:30.930 に答える
2

はい、可能です。開始例は次のとおりです。

var yaxis_data = [1,2,3,4];
var y2axis_data = [2,4,6];
var myjqplot = $.jqplot('chart1', [yaxis_data, y2axis_data], {
  series: [
   { yaxis: "yaxis" },
   { yaxis: "y2axis" }
  ]
});

編集：シリーズの詳細については、こちらを参照してください

于 2013-03-19T09:39:26.630 に答える