Echarts 修改坐标轴坐标轴字体坐标轴刻度的颜色去除网格线和网格区域坐标指示器颜色

xiaoxiao2025-06-05  49

一般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轴坐标刻度颜色 }, } ],

 

转载请注明原文地址: https://www.6miu.com/read-5031331.html

最新回复(0)