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轴座标刻度颜色
                 },


        }
        ],





 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章