情不知从何起,一往而情深
排名
6
文章
199
粉丝
4
评论
3
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

echarts 设置x坐标刻度的颜色

4498人阅读 2023/3/24 10:42 总访问:1110373 评论:0 收藏:0 手机
分类: 前端

是使用axisLabel下面的颜色设置,不是nameTextStyle不要搞混了。nameTextStyle官方解释是坐标轴名称的文字样式,要和坐标轴刻度的样式区分开

nameTextStyle官方配置:https://echarts.apache.org/zh/option.html#xAxis.nameTextStyle

axisLabel官方配置:
https://echarts.apache.org/zh/option.html#xAxis.axisLabel

简单使用示例如下:

  1. xAxis: {
  2. type: 'category',
  3. boundaryGap: false, // 不留白,从原点开始
  4. data: ['Mon', 'Tue', 'Wed', 'Thu', "1", "3", "5", "7", "8", "9"],
  5. // nameTextStyle:{
  6. // color:"#ff0000",
  7. // fontSize:20
  8. // },
  9. axisLine: {
  10. lineStyle: {
  11. //color: "#678DBA",
  12. color: "rgba(22, 60, 90,1)",
  13. width: "5"
  14. }
  15. },
  16. //设置坐标轴刻度的颜色
  17. axisLabel:{
  18. color:"#678DBA",
  19. },
  20. // 去掉x轴那个小点点的显示
  21. axisTick: {
  22. show: false
  23. }
  24. },

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价