echarts - 在百度 eChart 实例周围设置间距

Question

使用 eCharts 制作多个图表时，各个图表彼此间隔很远，并且有过多的空白：

我想让图表更高，并将它们靠得更近，以更好地利用屏幕。

如何最小化百度 echarts 周围的空白问题似乎很相似，但所有答案都集中在多个图表的网格方法上。网格方法的问题在于，虽然它很好地分隔了图表，但 eCharts 并没有在网格中为每个图表提供自己的图例或标题，而是在网格底部创建一个图例。

其他图表解决方案（jscharting、Apex 图表、chart.js）都使用相同的 html 设置更有效地使用最少的空格，所以我认为问题不在于 html/css。这是同一页面上 jscharting 的间距，例如：

我会很高兴得到一个解释如何减少单个图表周围边距的答案，或者一个解释如何为网格中的图表提供单个图例/标题的答案。

标签： echarts

Answer 1

我在此使用的解决方法是调整图表的大小，使其大于它所在的 div。对于 200x300px 的 div，我将图表的大小调整为 260x385。你会认为这会使元素溢出，但至少在我检查过的浏览器上，它们只会让它们紧密贴合。

    chart.resize({
        height:260,
        width:385
    }) ;  

如果有人有的话，我更喜欢更清洁的解决方案。