height - 百度ECharts2基于图例高度的动态图表位置

Question

我正在使用百度 ECharts2 将动态数量的系列（最多 100 个）可视化为折线图。我面临的问题是如果系列太多，图例会与图表重叠。

我花了 2 个小时搜索文档和阅读，但无法找到设置图形位置（y/y2 顶部/高度）的任何方法。

图表似乎由不同的元素（图例、工具箱等）组成，但它们似乎都不是图表本身。

我发现的一个示例展示了一种完全响应的方式来定位饼图，但这不适用于我的情况： https ://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/pie -媒体

如果有人对 ECharts 有更多经验并能告诉我如何将图表向下移动 y 并设置高度，我将不胜感激。

谢谢！

score 4 · Accepted Answer

您最好的选择可能是将图例类型设置为滚动，使其适合一行。

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

您也可以结合 Ovilia 和 Zain 的解决方案来向下移动网格，为图例留出空间。不幸的是，这需要在设置图表的容器大小之前确定图例的大小。

score 1 · Accepted Answer

你可以设置grid位置来实现它。

在ECharts 2中，您可以设置grid.y, grid.y2, 或grid.height.

在ECharts 3中，您可以设置grid.top, grid.bottom, 或grid.height.

2 回答 2