echarts柱状图，改变柱颜色,x轴,y轴,底部按钮文字颜色

Myth丶恋晨 2021-09-20 02:20 1189阅读 0赞

### 不墨迹直接上图: ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70][]

下面上代码:

xAxis: {
                type: 'category',
                //设置坐标轴字体颜色和宽度
                axisLine: {  //这是x轴文字颜色
                    lineStyle: {
                        color: "#fff",
                    }
                }
            },
            yAxis: {
                type: 'value',
                //设置坐标轴字体颜色和宽度
                axisLine: {//这是y轴文字颜色
                    lineStyle: {
                        color: "#fff",
                    }
                }
    //下面是柱子的颜色
    
         series: [
                    {
                        type: 'bar',
                        itemStyle:{
                            normal:{color:'#fff'}
                        },
                        label: {
                            normal: {
                                show: true,
                                position: 'top'
                            }
                        },
                    },
                    {
                        type: 'bar',
                        itemStyle:{
                            normal:{color:'#eee'}
                        },
                        label: {
                            normal: {
                                show: true,
                                position: 'top'
                            }
                        },
                    },
                    {
                        type: 'bar',
                        itemStyle:{
                            normal:{color:'#aaa'}
                        },
                        label: {
                            normal: {
                                show: true,
                                position: 'top'
                            }
                        },
                    }
                ]
    //下面是标题颜色
                title: {
                    text: '时间',
                    x:'center',
                    textStyle: {//标题颜色
                        color: "#fff"
                    }
                },
      //下面是按钮文字颜色
            legend: {
                    bottom: 10,
                    textStyle: {
                        color: "#fff"
                    }
                },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70]: /images/20210726/6c196df3da34482e89428a3ceed3b71c.png