如何最大限度地減少百度echarts周圍的空白

Question

我正在嘗試納入百度的echarts（看起來非常好）。但是，當沒有設置標題或使用工具欄時，實際圖形周圍會出現大量空白。有沒有辦法讓圖表/圖表使用更多的畫布？

我目前的解決方案是在容器中添加一個額外的內容，然後將其寬度和高度設置爲我想要移除的邊距和通過將'top'和'left'設置爲負值各自的利潤率。不優雅，更重要的是，不健壯，但它現在的作品。

Answer 1

在Echartü可以使圖/圖表與圖表的結合，THRE太多配置爲每個圖表部分，如圖例，等...只是看看他們api documantation在他們的網站和網頁Example（組合部分）

Answer 2

您可以使用在網格（x，y，x2和y2）上定義的屬性。 http://echarts.baidu.com/doc/doc-en.html#Grid

Answer 3

增加值，以你的主題網格對象，像這樣： 這些屬性的文件上提到

var theme = { 

    grid: { 
     x: 40, 
     y: 20, 
     x2: 40, 
     y2: 20 
    } 

} 

Answer 4

在ECharts 您可以使用選項grid.left，grid.top，grid.right和/或grid.bottom。根據文檔，左側和右側默認爲10％，頂部和底部默認爲60（像素）。

文檔：https://ecomfe.github.io/echarts-doc/public/en/option.html#grid。