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

时间:2017-08-02 05:53:34

标签: height echarts baidu

我正在使用百度ECharts2将动态数量的系列(最多100个)可视化为折线图。 我面临的问题是图例与图表重叠,以防系列太多。 enter image description here

我花了2个小时搜索文档和阅读,但无法找出设置图形位置的任何方法(y / y2 top / height)。

图表似乎包含不同的元素(图例,工具箱等),但它们似乎都不是图形本身。

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

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

谢谢!

2 个答案:

答案 0 :(得分:1)

您可以设置grid位置来制作它。

ECharts 2中,您可以设置grid.ygrid.y2grid.height

ECharts 3中,您可以设置grid.topgrid.bottomgrid.height

答案 1 :(得分:1)

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

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

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