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軸座標刻度顏色
                 },


        }
        ],





 

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