温馨提示×

Highcharts应用如何更新数据

小樊
114
2024-10-26 08:15:05
栏目: 编程语言

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 应用的数据。你可以根据自己的需求选择合适的方法。

0