Highcharts應(yīng)用如何更新數(shù)據(jù)

小樊
81
2024-10-26 08:15:05

Highcharts 是一個(gè)用于創(chuàng)建交互式圖表的 JavaScript 庫(kù)。要更新 Highcharts 應(yīng)用的數(shù)據(jù)，你可以使用 update 方法或者重新設(shè)置圖表的 series 數(shù)據(jù)。以下是兩種方法的示例：

方法 1：使用 update 方法

// 假設(shè)你已經(jīng)創(chuàng)建了一個(gè)名為 myChart 的 Highcharts 圖表實(shí)例
// 更新圖表數(shù)據(jù)
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：重新設(shè)置圖表的 series 數(shù)據(jù)

// 假設(shè)你已經(jīng)創(chuàng)建了一個(gè)名為 myChart 的 Highcharts 圖表實(shí)例
// 獲取圖表的 series 數(shù)據(jù)
var seriesData = myChart.series[0].data;

// 更新 series 數(shù)據(jù)
seriesData.push(29.9); // 添加新數(shù)據(jù)
seriesData.shift(); // 移除舊數(shù)據(jù)（保持?jǐn)?shù)據(jù)長(zhǎng)度不變）

// 更新圖表
myChart.series[0].setData(seriesData);

這兩種方法都可以用來(lái)更新 Highcharts 應(yīng)用的數(shù)據(jù)。你可以根據(jù)自己的需求選擇合適的方法。

0 踩