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

最新推荐文章于 2024-08-13 18:13:57 发布

莉莎的脑瓜疼呀脑瓜疼~

最新推荐文章于 2024-08-13 18:13:57 发布

阅读量1.9w

点赞数 4

分类专栏： ECharts 文章标签： ECharts

本文链接：https://blog.csdn.net/weixin_42322501/article/details/83376766

版权

一般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 :