Echarts的座標調整,調整內部網格和外部的間隔

[摘要]: 很多人在用ECharts圖表組件後會發現圖表真正的繪圖區域和圖表容器之間有很大一塊間隔,看上去有些很不飽滿。我麼可以將其調整至容器大小?可以調整嗎? 通過查看相關API得知,繪圖區域與容器之間的間距是由幾個屬性值控制,我們有必要先來了解一下grid節點的一下幾個屬性以及作用: grid 直角座標系內繪圖網格 名稱 默認值 描述 {number} x 80 直角座標系內繪圖網格左上角橫座標,數值單位px {numb...
     很多人在用ECharts圖表組件後會發現圖表真正的繪圖區域和圖表容器之間有很大一塊間隔,看上去有些很不飽滿。我麼可以將其調整至容器大小?可以調整嗎?
    通過查看相關API得知,繪圖區域與容器之間的間距是由幾個屬性值控制,我們有必要先來了解一下grid節點的一下幾個屬性以及作用:
grid
直角座標系內繪圖網格

163927u8896fz0b6bbn8sy.png



圖形表現如下:

163942sb030cu8c6el6u64.jpg



    這樣我們就不難理解爲何默認情況下繪圖區域的邊緣與容器之間存在一定的間距。都是因爲默認情況下grid的x、x2、y、y2做了數據設置。

倘若我們需要縮小它們兩者之間的間距,我們需要自己在options內對圖表參數進行設置,示例代碼形如:

grid:{
    x:0,
    y:0,
    x2:0,
    y2:0
  },
有其他任何ECharts圖表的使用問題敬請留言討論,謝謝您的關注!


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