如何在jqPlot儀表中傳遞數據？

有我的網頁上一個計：開始

s1 = [50000]; 

    plot4 = $.jqplot('chart4',[s1],{ 
    seriesDefaults: { 
     renderer: $.jqplot.MeterGaugeRenderer, 
     rendererOptions: { 
      label: 'Metric Tons per Year', 
      labelPosition: 'bottom', 
      labelHeightAdjust: -5, 
      intervalOuterRadius: 85, 
      ticks: [10000, 30000, 50000, 70000], 
      intervals:[22000, 55000, 70000], 
      intervalColors:['#66cc66', '#E7E658', '#cc6666'] 
     } 
    } 
});

我想在下一個場景：用戶在輸入輸入一個號碼，按下提交和箭頭顯示在計此值。所以，我做了一個輸入，並將此代碼正上方的儀表代碼：

$(".btn").click(function() { 
    var data = $("#test").val(); 
    s1 = [data]; 
    console.log(s1); 
    return s1; 
});

控制檯輸出值，但如何讓箭頭顯示此值？在文檔中找不到任何方法。

來源

2017-09-04 rinatoptimus

您可以使用下面一行在你點擊按鈕功能，動態更新值：

plot.series[0].data[0] = [1, newValue];

，那麼你需要調用replot()重繪計：

plot.replot();

完整的點擊功能是：

$(".btn").click(function() { 
    var newValue = $("#test").val(); 
    plot.series[0].data[0] = [1, newValue]; 
    plot.replot(); 
    return s1; 
});

This Fiddle顯示作業ng演示。在文本框中輸入一個值，然後單擊「更改值」以更新儀表。

來源

2017-10-02 19:31:41

如何在jqPlot儀表中傳遞數據？

回答

相關問題