jquery - Jqplot Gauge Meter 问题

Question

我试图在我的仪表板上显示 jqplot 仪表，我设法让一个仪表工作，但我的数据就像需要 4 个不同的仪表，

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

数据 = [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']
            }
        }
    });

 });`

谢谢，

Answer 1

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>

应该做你。