Question

我想让计量表更新实时dweet数据，这是成功的。

问题在于，每次将新数据推送到数组humidityData时，都会在仪表图表中添加一个新指针，如下所示： guage chart虽然我想改为使用一个实时更新指针。

这可以通过pop（）的prev数据来完成吗？

<script language="JavaScript">

    //Array to store sensor data
    var humidityData = []

    <!--START-->
    $(document).ready(function() {
       //My Dweet thing's name
       var name = 'dweetThingName'

       //Humidity chart
       var setupSecondChart = function() {

       var chart2 = {
                type: 'gauge'
       };

       var title = {...};   

        var pane = {...};

       var yAxis = {...};

            var tooltip = {
                formatter: function () {
                    return '<b>' + "Humidity: "  + Highcharts.numberFormat(this.y, 2)  + "%";
                }
            }; 

            //Series_Humidity
            humiditySeries = [{
                name: 'Humidity %',
                data: humidityData, 
                    tooltip: {
                        valueSuffix: '%'
                    }
            }]

            //Json_Humidity
            var humJson = {}; 
            humJson.chart = chart2; 
            humJson.title = title; 
            humJson.tooltip = tooltip;
            humJson.xAxis = xAxis;
            humJson.yAxis = yAxis; 
            humJson.legend = legend; 
            humJson.exporting = exporting; 
            humJson.series = humiditySeries;
            humJson.plotOptions = plotOptions;

            console.log("Sereies: : " +humJson)
           //Container_Humidity
           $('#containerHumidity').highcharts(humJson);
        }

        var humiditySeries = []  ....

        dweetio.get_all_dweets_for(name, function(err, dweets){
            for(theDweet in dweets.reverse())
            {
                var dweet = dweets[theDweet];
                //Dweet's variables' names
                val2 = dweet.content["Humidity"]
                //Add the vals into created arrayDatas
                humidityData.push(val2)
                console.log("HumidityData: " + humidityData)
            }
           //Call other charts
           setupSecondChart()

        });

Answer 1

初始化/更新图表时，请确保data数组仅包含一个元素。表盘是为此阵列中的每个点创建的（在图上可视化）。

实时更新highcharts-gauge来自dweet

1 个答案: