设置柱状图：每项颜色不一样

最新推荐文章于 2024-08-22 15:18:55 发布

宁00

最新推荐文章于 2024-08-22 15:18:55 发布

阅读量6.1k

点赞数 1

分类专栏： echars配置项

本文链接：https://blog.csdn.net/ning0_o/article/details/72357441

版权

echars配置项专栏收录该内容

3 篇文章 0 订阅

订阅专栏


var color = ['red', 'blue', 'yellow', '#349ee7', '#349ee7', '#349ee7'];

// 渐变色
color.push(new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
        offset: 0,
        color: '#9a1111'
      }, {
        offset: 1,
        color: 'rgba(203,47,47,.8)'
      }]));

option = {
    xAxis : [
        {
            type : 'category',
            data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series: [{
        type: 'bar',
        data:[10, 52, 200, 334, 390, 330, 220],
        itemStyle: {
          normal: {
            color: function(params) {
              return color[params.dataIndex];
            }
          }
        }
      }]
};