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 示例：

例子

文档：

请参阅此处以获取参考。

从上往下看第三个例子。

于 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 回答