基於圖例高度的百度ECharts2動態圖表位置

Question

我使用百度ECharts2以折線圖形式顯示動態數量的系列（最多100個）。 我遇到的問題是圖例與圖表重疊，以防系列太多。

我花了2個小時尋找文檔和閱讀，但無法找出任何方式來設置圖表位置（y/y2頂部/高度）。

看起來圖表由不同的元素（圖例，工具箱等）組成，但它們都不是圖表本身。

我發現一個例子展示了充分響應的方式來定位餅圖，但這並不適用於我的情況： https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/pie-media

我會很感激，如果有人有ECharts更多的經驗，可以告訴我的方式將圖形向下移動y並設置高度。

謝謝！

Answer 1

您可以設置grid的位置。您可以設置grid.y,grid.y2或grid.height。可以設置grid.top,grid.bottom或grid.height。

Answer 2

據我所知，echarts已經響應。您可以增加圖表的高度以防止重疊。然後您可以使用HTML提供的溢出屬性來包裝圖表。 的代碼可能看起來像下面：

<div style="overflow-x:scroll"> 
    <div id="chart" style="width:5000px;height:5000px"></div> 
</div> 

Answer 3

你最好的選擇可能是設置的傳奇式如此滾動它適合在一行上。

legends.push({ 
    type: 'scroll', 
    show: true, 
    data: myData, 
    ... 
}); 

您可能還可以結合Ovilia的和Zain公司的解決方案，以向下移動網格以留出空間的傳奇。不幸的是，在設置圖表的容器大小之前，需要一種方法來確定圖例的大小。