带有垂直滚动条的条形图(highstock / highchart)

时间:2013-05-30 10:48:55

标签: highcharts scrollbar

正如您在下面给出的链接上看到的x轴水平滚动条。在我的情况下,我需要一个条形图,即将图表的“类型”更改为“bar”,但是x轴的水平滚动条在这里变得有点混乱。是否有任何选项可以使此滚动条在highcharts或highstocks中保持垂直,从而保持其x轴滚动功能的完整性。

http://jsfiddle.net/highcharts/fj6d2

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type:'bar'

    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        min: 6
    },

    legend: {
        verticalAlign: 'top',
        y: 100,
        align: 'right'
    },

    scrollbar: {
        enabled: true
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

编辑:http://jsfiddle.net/fj6d2/2226/工作示例

1 个答案:

答案 0 :(得分:0)

条形图是倒置图表,这与事实有关。 Highstock不支持此选项,但计划使用垂直滚动条:

http://highcharts.uservoice.com/forums/55896-general?query=scrollbar