设置百度eChart实例周围的间距

Question

使用eCharts制作多个图表时，各个图表之间的间距较大，并带有过多的空格：

​

​

我想让图表变得更高，并将它们更紧密地放在一起，以便更好地利用屏幕。

问题How to minimize whitespace around Baidu's echarts看起来很相似，但所有答案都集中在多个图表的网格方法上。网格方法的问题在于，虽然它很好地分隔了图表，但eCharts并没有在网格中为每个图表提供自己的图例或标题，而是在网格的底部创建了一个图例。

​

​

其他的图表解决方案(jscharting、Apex charts、chart.js)都使用相同的html设置，而且使用的空格更少，所以我不认为问题出在html/css上。下面是jscharting在同一页上的间距，例如：

​

​

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

Answer 1

我在这里使用的变通方法是调整图表的大小，使其大于放置它的div。对于200x300px的div，我将图表大小调整为260x385。你可能会认为这会使元素溢出，但至少在我检查过的浏览器上，它只是让它们舒适地适合。

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

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