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

一般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,ECharts)