Jqplot Gauge Meter问题

时间:2012-08-14 16:04:39

标签: jquery jqplot

我正在尝试在我的仪表板上显示jqplot仪表,我已经设法让一个仪表工作,但我的数据就像需要4种不同的量规,

有谁知道如何绘制超过1个guage,我的代码如下:

data = [20,12,12,23];

 $.each(data,function(key,value) {

    plot3 = $.jqplot('dashboard',[[value]],{
        seriesDefaults: {
            renderer:$.jqplot.MeterGaugeRenderer,
            rendererOptions: {
                min: 0,
                max: 50,
                intervals:[200, 300, 400, 500],
                label: "Pounds",
                intervalColors:['#66cc66', '#93b75f', '#E7E658', '#cc6666']
            }
        }
    });

 });`

谢谢,

1 个答案:

答案 0 :(得分:0)

plot1 = $.jqplot('chart_1', [[value]],{
[snip]

plot2 = $.jqplot('chart_2', [[other_value]] ,{
[snip]

在你的HTML中:

<div id="chart_1" style="height:240px;width:380px;"></div>

<div id="chart_2" style="height:240px;width:380px;"></div>

你应该做。