Echarts 修改坐标轴 坐标轴字体 坐标轴刻度的颜色 去除网格线和网格区域 坐标指示器颜色
程序员文章站
2022-06-07 20:17:28
...
一般Echarts的样式都可以参考这个文档,个人觉得很好用啦~
https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-qmns2d0g.html
以下为样式实现的具体方法:
// 坐标指示器颜色
tooltip : {
trigger: 'axis',
axisPointer: {
lineStyle:{
color: 'blue'
}
}
},
// X 轴
xAxis: [
{
axisLabel:{color:'rgb(150,150,150)'}, // x轴字体颜色
axisLine:{
lineStyle:{color:'rgb(150,150,150)'} // x轴坐标轴颜色
},
axisTick:{
lineStyle:{color:'rgb(150,150,150)'} // x轴刻度的颜色
},
}
],
// Y 轴
yAxis: [
{
axisLabel : {color:'rgb(150,150,150)'}, //y轴字体颜色
splitArea : {show : false}, //去除网格区域
splitLine:{show: false}, //去除网格线
axisLine:{
lineStyle:{color:'rgb(150,150,150)'} //y轴坐标轴颜色
},
axisTick:{
lineStyle:{color:'rgb(150,150,150)' } //y轴坐标刻度颜色
},
}
],
上一篇: echarts初学实用笔记
下一篇: ps将人物单眼皮变成双眼皮效果