中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

echarts如何循環添加數據

小億
186
2024-01-29 12:11:41
欄目: 編程語言

要循環添加數據到ECharts中,可以使用ECharts提供的setOption方法來更新數據。你可以在循環中調用setOption方法來逐步添加數據。

以下是一個示例代碼,展示如何循環添加數據到柱狀圖中:

// 初始化圖表
var myChart = echarts.init(document.getElementById('chart'));

// 初始化數據
var data = [10, 20, 30, 40, 50];

// 設置初始數據
myChart.setOption({
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E']
    },
    series: [{
        type: 'bar',
        data: data
    }]
});

// 循環添加數據
for (var i = 0; i < 10; i++) {
    // 添加新數據
    data.push(i * 10);

    // 更新圖表數據
    myChart.setOption({
        xAxis: {
            data: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J']
        },
        series: [{
            type: 'bar',
            data: data
        }]
    });
}

這個示例中,首先使用setOption方法設置了初始數據。然后通過循環,每次循環都向數據數組中添加一個新的數據,并調用setOption方法更新圖表數據。通過這樣的方式,可以實現循環添加數據到ECharts圖表中。

0
德保县| 秦安县| 吴江市| 萨迦县| 自治县| 武鸣县| 繁峙县| 台中县| 合江县| 康保县| 汝城县| 遵义县| 雅江县| 杭锦旗| 平舆县| 和政县| 都安| 临汾市| 句容市| 祥云县| 霸州市| 东阳市| 始兴县| 晴隆县| 华蓥市| 鹤壁市| 登封市| 崇礼县| 九龙城区| 香格里拉县| 平安县| 南充市| 商水县| 新干县| 唐山市| 昌江| 霍邱县| 内丘县| 湘潭市| 图木舒克市| 泰和县|