echarts修改X,Y轴上的颜色

时间:2024-04-21 23:33:34

 分为2.0和3.0

一、2.0

  修改的代码:

    x轴:

      

xAxis : [
{
type : 'category',
data : ['<30','30-','40-','50-','60-','>=70'],
axisLabel: {
show: true,
textStyle: {
color: '#fff'
}
}
}
]

      y轴:

        

yAxis : [
{
type : 'value',
name : '%',
axisLabel : {
formatter: '{value}',
textStyle: {
color: '#fff'
}
}
}
]

实例地址:http://echarts.baidu.com/echarts2/doc/example/bar5.html  

二、3.0

  修改的代码:

    

axisLabel : { // 坐标轴小标记
textStyle : { // 属性lineStyle控制线条样式
fontWeight : 'bolder',
color: '#f00',
shadowColor : '#f00', // 默认透明
shadowBlur : 10,
fontSize : 10
}
},

实例地址: http://echarts.baidu.com/demo.html#bar-negative