jqplot中的双轴图表

时间:2013-03-19 09:28:41

标签: jqplot

是否可以使用jqplot

获得双轴图表

任何人都可以分享相同的例子

2 个答案:

答案 0 :(得分: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示例:

<强> EXAMPLE


文档:

See here作为参考。

从顶部看第三个例子。

答案 1 :(得分: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" }
  ]
});

修改:有关系列

的详细说明,请参阅here