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

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

163927u8896fz0b6bbn8sy.png



圖形表現以下:

163942sb030cu8c6el6u64.jpg



    這樣咱們就不難理解爲什麼默認狀況下繪圖區域的邊緣與容器之間存在必定的間距。都是由於默認狀況下grid的x、x二、y、y2作了數據設置。

假若咱們須要縮小它們二者之間的間距,咱們須要本身在options內對圖表參數進行設置,示例代碼形如:php

grid:{
    x:0,
    y:0,
    x2:0,
    y2:0
  },
有其餘任何ECharts圖表的使用問題敬請留言討論,謝謝您的關注!
相關文章
相關標籤/搜索