我有一个高图3d条形图,我需要根据图表上的条数自动调整高度。我们可能只需要1或者我们可能需要100。当前的问题是它总是扩展以填充页面。因此,如果我有一个它将是一个巨大的酒吧,如果我有100,它将被打碎在一起。我需要它随着数据的增长而增长。
我已经完成了搜索并看到了这个http://jsfiddle.net/wkkAd/149/演示。
以下是我的图表:http://jsfiddle.net/a40a0bjy/2/
问题在于我需要成长,因为它有更多的酒吧。现在,它扩展到我的页面高度的100%。
我设置了条形高度,希望它能阻止图表变大,但它不起作用。
使用:
pointWidth: 30//width of the column bars irrespective of the chart size
如果我这样做,它将只有30个带有各种空间的宽度条,图表仍然会展开以填充整个页面高度。
更新:这就是我想要做的。 http://jsfiddle.net/highcharts/jMX8G/ 如果删除部分数据,图表会自动变小,同时保持相同的尺寸条高度。
该演示的这个问题是我的数据比演示要复杂得多。这是:
var data = [{
name: 'Not Complete',
data: [{
y: 5,
drilldown: {
TaskID: 343434545252,
name: 'somename'
}
},
{
y: 3,
drilldown: {
TaskID: 343434545252,
name: 'somename'
}
},
{
y: 4,
drilldown: {
TaskID: 343434545252,
name: 'somename'
}
},
{
y: 7,
drilldown: {
TaskID: 343434545252,
name: 'somename'
}
},
{
y: 2,
drilldown: {
TaskID: 343434545252,
name: 'somename'
}
}]
}, {
name: 'Clean Up',
data: [2, 2, 3, 2, 1]
}, {
name: 'Complete',
data: [3, 4, 4, 2, 5]
}];
现在denmo使用了这个:
height: data.length * 20 + 120 // 20px per data item plus top and bottom margins
但我不知道如何或为了获取数据的长度。