如何在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仪表中传递数据？

回答

相关问题