echarts的x轴和y轴的颜色改变方法

来源：齐鲁CMS 栏目：Echarts 阅读：日期：2020-09-23

本文要实现的目标是，echarts的xy轴的颜色要与图形的颜色一致，如下图所示：

echarts,echarts颜色改变

解决方案如下，看红色部分：

xAxis : {

type : 'category',

name : '投标人',

data : [ '' ],

axisLabel:{

interval:0,//横轴信息全部显示

rotate:-30,//-30度角倾斜显示

},

axisLine:{

lineStyle:{

color:'#0087ED',

width:1,//这里是为了突出显示加上的

}

}

},

yAxis : {

type : 'value',

name : '单位: 次',

splitLine: {

lineStyle: {

// 使用深浅的间隔色

color: ['#0087ED']

}

},

nameTextStyle: {

color: ['#0087ED']

},

axisLine:{

lineStyle:{

color:'#0087ED',

width:1,//这里是为了突出显示加上的

}

}

},

上一篇：echarts折线图表X轴两侧向边靠近的处理教程

下一篇：echarts设置网格线颜色和隐藏网格线的方法

返回列表

站长学院

echarts的x轴和y轴的颜色改变方法