echars柱状图修改每条柱的颜色

在实际开发中，可能会需要到柱状图内某个柱需要特殊颜色表示，我这里的应用是排名，突出显示出当前的数据。

在Color参数中添加一个方法可以任意返回需要的颜色值

function (params) {
                  if (params.name == $(".rowsites  li .btn-info").text()) {
                          return "#2F4554";
                     }
                     else {
                          eturn "#C23531";
                         }
　　　　　　        }

我们可以打印一下params，将得到很多他的全部属性信息。

完整的配置方式如下：

series: [
                        {
                            name: tag,
                            type: 'bar',
                            data: rel.sitesvalue,
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        console.log(params);
                                        if (params.name == $(".rowsites  li .btn-info").text()) {
                                            return "#2F4554";
                                        }
                                        else {
                                            return "#C23531";
                                        }
　　　　　　              }
                                }
                            },
                        }
                    ]

如果需要在色柱上显示值，可以设置以下属性。

label: {
                        normal: {
                            show: true,
                            position: 'right',
                            textStyle: {
                                color: 'black'
                            }
                        }
                    }

position可以设置数值显示在色柱的位置