欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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