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

问题描述 投票:0回答:1

[使用eCharts制作多个图表时,各个图表之间的间隔较大,且空格过多:

enter image description here

我想使图表更高并且将它们推得更近以更好地利用屏幕。

问题How to minimize whitespace around Baidu's echarts似乎很相似,但是所有答案都集中在针对多个图表的网格方法上。网格方法的问题在于,尽管eCharts很好地隔开了图表,但并没有在网格中为每个图表提供自己的图例或标题,而是在网格底部创建了一个图例。

enter image description here

[其他图表解决方案(jscharting,Apex图表,chart.js)都使用相同的html设置,并且空白最少,因此我认为问题不在html / css中。这是同一页上jscharting的间距,例如:

enter image description here

我很乐意回答一个解释如何减少单个图表周围的边距的答案,或者一个解释如何为网格中的图表提供单个图例/标题的答案。

echarts
1个回答
0
投票
我正在使用的解决方法是调整图表大小,使其大于放置的div。对于200x300px的div,我将图表大小调整为260x385。您可能认为这会使元素溢出,但至少在我检查过的浏览器上,这些元素才能恰到好处地适合您。

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

如果有人有,我希望有一个更干净的解决方案。 
© www.soinside.com 2019 - 2024. All rights reserved.