nodejs+echarts循环添加数据

最新推荐文章于 2024-06-24 13:37:31 发布

原创最新推荐文章于 2024-06-24 13:37:31 发布 · 532 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nodejs

本文介绍如何在Node.js环境中使用ECharts实现数据的动态加载。通过定义series数组，并利用循环将获取到的数据（data）推送到series中，再在option中调用series进行图表的展示。具体包括设置title、xAxis、yAxis、grid、legend等配置项。

nodejs+echarts循环添加数据

定义series，将获取到的数据（data,假设为数组）通过循环push进入series中

	var series = [];
    for (let i=0;i<data[i].length;i++){
        series.push({
            name: 
            type: 'bar',
            data: data[i]
        });

option中直接调用series

option = {
        title: {
            text: '30天系统与各项目使用量统计'
        },
        xAxis: {
            type: 'category',
            data: date
        },
        yAxis: {
            type: 'value'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        legend: {
            data: legend
        },
        series: series
    };