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

不墨迹直接上图:

下面上代码:

    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"
                }
            },

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值