美文网首页
Vue 中 echarts 柱状图 根据data显示不同的颜色

Vue 中 echarts 柱状图 根据data显示不同的颜色

作者: 陈怀哲 | 来源:发表于2018-11-12 11:41 被阅读11次

params.data 可以获取到data的值。

series: [
          {
            data: [2,3,1,1,2,2,1,2,3,2,2,3],
            type: "bar",
            barCategoryGap:-1,
            itemStyle: { 
                normal: {
                 //随机显示
                color:function(params){
                    if (params.data == 1) {
                        return "#FFBA4A";
                    }else if (params.data == 2) {
                        return "#52BA9F";
                    }else {
                        return "#007F5E";
                    }
                    
                 } 
                }
            }
          }
        ]
image.png

相关文章

网友评论

      本文标题:Vue 中 echarts 柱状图 根据data显示不同的颜色

      本文链接:https://www.haomeiwen.com/subject/bdbqfqtx.html