Highcharts应用如何更新数据

avatar
作者
猴君
阅读量:0

Highcharts 是一个用于创建交互式图表的 JavaScript 库。要更新 Highcharts 应用的数据,你可以使用 update 方法或者重新设置图表的 series 数据。以下是两种方法的示例:

方法 1:使用 update 方法

// 假设你已经创建了一个名为 myChart 的 Highcharts 图表实例 // 更新图表数据 myChart.update({     series: [{         data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]     }] }); 

方法 2:重新设置图表的 series 数据

// 假设你已经创建了一个名为 myChart 的 Highcharts 图表实例 // 获取图表的 series 数据 var seriesData = myChart.series[0].data;  // 更新 series 数据 seriesData.push(29.9); // 添加新数据 seriesData.shift(); // 移除旧数据(保持数据长度不变)  // 更新图表 myChart.series[0].setData(seriesData); 

这两种方法都可以用来更新 Highcharts 应用的数据。你可以根据自己的需求选择合适的方法。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!