美文网首页
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