echarts 實戰 : 圖表豎着或橫着是怎樣判定的？

這個問題比較簡單。

echarts 的圖表默認是豎着的。

只要 xAxis 和 yAxis 互換，豎着的圖就變成了橫着的圖了。

 

所以我們可以可以寫一個xy軸互換的方法。

  reverseXYAxis = (option) => {
    const old_x = option.xAxis
    const old_y = option.yAxis
    option.xAxis = old_y
    option.yAxis = old_x
    return option
  }

    if (settingData.xyType === "x") {
      // 一般情況
      // and more...
    } else {
      // x 軸在左邊
      // and more...
      this.reverseXYAxis(option)
    }

然后使用一下就 OK。

 

以上。