Question

我在这个JSFiddle中重新创建了我的问题：http://jsfiddle.net/FYs3q/

我在条形图左侧放置的类别是动态的，并放入类别列表中：

xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas', 'Orangesa', 'Pearsa',
'Grapesa', 'Bananasa', 'Orangess', 'Pearss', 'Grapess', 'Bananass', 'Orangesd', 'Pearsd',
'Grapesd', 'Bananasd', 'Orangesf', 'Pearsf', 'Grapesf', 'Bananasf', 'Orangesg', 'Pearsg',
'Grapesg', 'Bananasg', 'Orangesr', 'Pearsr', 'Grapesr', 'Bananasr', 'Orangese', 'Pearse',
'Grapese', 'Bananase', 'Orangesw', 'Pearsw', 'Grapesw', 'Bananasw', 'Orangesq', 'Pearsq',
'Grapesq', 'Bananasq', 'Orangesy', 'Pearsy', 'Grapesy', 'Bananasy', 'Orangesu', 'Pearsu',
'Grapesu', 'Bananasu', 'Orangesi', 'Pearsi', 'Grapesi', 'Bananasi']
}

当他们达到一定数量时，他们才开始相互挤压，最终他们迷路了。理想情况下，条形图的高度会变得越来越大，而不是这些标签相互挤压。

如果我让图表足够大以处理所有类别，问题就会消失，但感觉应该有一种方法可以在这些标签上设置填充量，并且动态计算出尺寸，但是我已经通过整个API，并没有一个适合我的设置。

Answer 1

没有内置方法可根据元素数量动态增加图表大小。

在大多数情况下，我处理这个服务器端。我建立了一个基础高度＆＃39;考虑顶部和底部边距。然后我定义一个乘数，设置为每个元素所需的高度。

然后我计算我的数据数组，乘以乘数，并添加基数，并将其作为包含div的图表的高度回显。

您可以通过在建立数据后修改包含元素的高度，以及在调用图表之前轻松地在javascript中处理此问题。

工作example：

http://jsfiddle.net/jlbriggs/9AWsX/

如何在堆积条形图上创建轴标签之间的更多间隙？

1 个答案: