高图中没有显示y轴的滚动条

Scrollbar for y-axis is not showing in highcharts?

本文关键字:滚动条 显示 高图中      更新时间:2023-09-26

我无法查看我的y轴滚动条,我在y轴上启用了它,但仍然无法查看它,见下面的代码

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

这是我下面的JsFiddle链接

如有任何帮助,不胜感激

我使用的是旧版本的hilitock只要把它更新到4.2.6,你的工作就完成了:)

Highcharts不支持滚动条。

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

你可以为图表设置一个固定的高度或宽度,并将其换行到div width 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]
    }, {
   name: 'Q2',
        data: [20, 0,50,0]
    }, {
      name: 'Q3',
        data: [0, 0,40,20]
    },{
      name: 'Q4',
        data: [0, 30,0,20]
    }]
});