echart 常用title和軸線修改

關於圖標的標題設置

const setEchartTitle = {
  x: '18px', //距離 左邊的距離
  y: '16px',//距離 頂部的距離
  textStyle: {
    fontWeight: 'normal', //標題加粗？
    color: '#21b0f6', //顏色
    fontSize: 18, //大小
  },
};

常用的軸線配置

// 軸線設置
const setAxis = {
//軸線上的線
  axisLine: {
    lineStyle: {
      color: '#063f78', //座標軸軸線顏色
      width: 2, //設置軸線寬度
    },
  },
  
//軸線上的刻度	
  axisLabel: {
    //formatter: '{value}%',   //y軸設置爲百分比
    textStyle: {
      color: '#9fceff', //座標的字體顏色
      fontSize: 14,
    },
  },
  
//座標軸內線的樣式
  splitLine: {
    show: false, //控制圖表內的網格是否顯現
    lineStyle: {
      color: '#666',
      //type:'none' //座標軸內線樣式
    },
  },
  
  //軸線上的刻度
  axisTick: {
    show: false, //隱藏座標軸上的刻度線
  },
};