y轴的滚动条没有显示在highcharts中?

时间:2016-09-16 13:45:03

标签: javascript jquery highcharts asp.net-mvc-5

我无法查看我的y轴滚动条,我已在y轴上启用它但仍无法查看它,请参阅下面的代码

yAxis: {
            scrollbar: {
                enabled: true,
                showFull: true
            },
            alternateGridColor: '#FDFFD5',
            title: {
                text: 'Voltage (V)'
            }

        },

以下是我关注的JsFiddle链接

任何帮助都将受到高度赞赏

2 个答案:

答案 0 :(得分:1)

我使用的是旧版本的highstock 只需将其更新为4.2.6,宾果游戏就完成了工作:)

答案 1 :(得分:0)

Highcharts不支持滚动条。

http://www.highcharts.com/docs/chart-concepts/scrollbar

你可以设置一个固定的高度或宽度到图表并包裹到div宽度overflow-y:auto,它不是同一个东西,但它近似它。

试试这个小提琴:http://jsfiddle.net/fj6d2/3076/

var chart = new Highcharts.Chart({

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

xAxis: {
   categories: ['CITY1', 'CITY2','CITY3','CITY4'],
    min:2,
},
 yAxis: {
          title: {
        text: 'Total fruit consumption'
    },
},
 plotOptions: {
    series: {
         grouping: false,
        stacking: 'normal'
    }
},
legend: {
    verticalAlign: 'top',
    y: 100,
    align: 'right'
},

scrollbar: {
    enabled: true
},

series: [{
     name: 'Q1',
    data: [50, 70,0,35]
}, {

名称:' Q2',         数据:[20,0,50,0]     },{       名称:' Q3',         数据:[0,0,40,20]     },{       名称:' Q4',         数据:[0,30,0,20]     }] });