echars 修改颜色

在路上等

已于 2024-03-20 10:58:49 修改

阅读量363

点赞数 8

分类专栏： echars 文章标签：前端 javascript

于 2024-03-15 14:36:52 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42327537/article/details/136739267

版权

echars 专栏收录该内容

8 篇文章

订阅专栏

 let option;
    option = {
      color: ['#61DDAA', '#5B8FF9'],
      dataset: {
        source: [
          ['type', '2012', '2013', '2014', '2015', '2016'],
          ['告警确认时间', 320, 332, 301, 334, 390],
          ['告警处置时间', 220, 182, 191, 234, 290],
        ]
      },
      legend: {  // 控制图例组件
        right: 'left',
        itemWidth: 15,
        itemHeight: 15
      },
      xAxis: {
        type: 'category',
        axisTick: {
          show: false
        }
      },
      yAxis: {},
      series: [
        {
          type: 'bar',
          seriesLayoutBy: 'row',
          itemStyle: {
            barWidth: 20 // 设置柱子宽度为30
        }
        },
        {
          type: 'bar',
          seriesLayoutBy: 'row',
          itemStyle: {
            barWidth: 20 // 设置柱子宽度为30
        }
        },
      ]
    };
    option && myChart.setOption(option);