侧边栏壁纸
  • 累计撰写 2,058 篇文章
  • 累计创建 73 个标签
  • 累计收到 20 条评论

目 录CONTENT

文章目录

echarts 柱状图series 如何在js中 循环显示

大猿本猿
2021-06-05 / 1,607 阅读 / 0 字
最近做一个时间帐的程序,记录一下自己每天都干什么,用到了柱状图,如下:
这里边的echarts的serices需要循环显示出,代码实现先用js,把内容取出来放入队列,然后再赋值给services
//图标显示的数据,对应echarts的serices
    var serie = [];
    for (var i = 0; i < dd.length; i++) {

        var item = {
            name: dd[i]['name'],
            type: 'bar',
            itemStyle:{
                normal:{
                    barBorderRadius:5
                 }
            },
            label: {
              normal: {
                  show: true,
                  position: 'top'
                  }
            },
            data:dd[i]['values']
        }
    serie.push(item);
    }
赋值: