《前端》Echarts 柱状图--设置数据显示,颜色设置

ercharts红色是在series里面设置数据显示,黄色是设置柱状图颜色。

《前端》Echarts 柱状图--设置数据显示,颜色设置_第1张图片

series: [{
    type: 'bar',
    data: yearSalary,
    itemStyle: {
        normal: {
            label: {
                show: true, //开启显示
                position: 'top', //在上方显示
                textStyle: { //数值样式
                    color: 'black',
                    fontSize: 16
                    }
                },
             color: function(params) {
                 var colorList = [
                    'rgb(4,112,139)',
                    'brown', 'darkslategrey',
                    'rgb(111,211,123)', 'rgb(55,113,187)',
                    'rgb(22,147,119)', 'rgb(45,113,187)',
                     'mediumslateblue', 'mediumaquamarine', 'rgb(52,187,119)'
                     ];
                 return colorList[params.dataIndex]
             }
         }
     }
}]

 

你可能感兴趣的:(前端,模板,#Echarts)