Highcharts条形图自动高度

时间:2015-06-16 13:26:50

标签: highcharts

我有一个高图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

但我不知道如何或为了获取数据的长度。

0 个答案:

没有答案