echarts 橫軸邊界位置坐標不顯示

問題

echarts圖表，橫坐標最右邊邊界不顯示坐標標簽，如下圖所示

 

echarts 官網提供

 解決方案

利用  xAxis 的 max 屬性，將坐標軸能顯示的最大值，在數據的最大值基礎之上，再增加一點值，那么就能顯示全了

          max: (value)=> {
            let gap = 0;
            switch (this.xType) {
              case "day":
                {
                  gap = one_hour;
                }
                break;
              case "week":
                {
                  gap = one_day;
                }
                break;
              case "month":
                {
                  gap = one_day;
                }
                break;
              case "year":
                {
                  gap = one_day * 30;
                }
                break;
              default:
                break;
            }
            return value.max + gap;
          }

 

參考鏈接

https://github.com/apache/echarts/issues/8090（跳轉）