高图表滚动条不起作用

High-charts scroll bar not working

本文关键字：不起作用 滚动条 高图表      更新时间：2023-09-26

我想显示启用了滚动条的所有类别，但它不起作用。我不知道我在哪里犯了错误。对应的小提琴是：http://jsfiddle.net/manraj/7racxxu0/3

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        xAxis: {
            categories: ['ghdg', 'kndfkjl', 'ytryr', 'Bananas', 'pop', 'errte', 'oi',         'Oranges1', 'Bananas1', 'Carrots1', 'Appls2', 'Pears2', 'wosflsj', 'ertet', 'yuyu', 'Ales', 'ioi', 'opl', 'bcvcx', 'Carots', 'Apes1', 'opop', 'Oranges1', 'yuiiui', 'Carrots1', 'errt', 'oioi', 'ioo', 'Bananas2', 'bfhjf', 'Apples', 'xxcc', '6546', 'Bananas', '646', 'tyuyf', 'rtr', 'rty', 'opuuui', 'fghf', 'tyuy', 'err', 'rewporij', 'xcvgff', 'ee', 'bvnvb', 'bnn', 'kjhfkdg', 'tytryt', '2121', 'Apples1', 'xvx', 'iyyuy', 'bnbn', 'yuyu', 'fgs', 'Pears2', 'orwuepr', 'ppwppw', 'Crots2', 'Apes', '545', 'nmvh', '855963', '96489', 'iuio', '8998', 'ghtrf', 'nff', 'Cats1', 'Apes2', '2333', 'itrosfgn', 'Banas2', 'zasar', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            min: 6
        },
        scrollbar: {
            enabled: true
        },
        series: [{
            data: [3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2,   6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }]
    });
});

谢谢。

>scrollBar只是一个Highstock功能（Highsoft的另一个库），如下所述：http://www.highcharts.com/docs/chart-concepts/scrollbar

看看这个：http://jsfiddle.net/rd9k4va5/

用这个代替<script src="http://code.highcharts.com/highcharts.js"></script> 

<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.js"></script>

如果您使用的是 Angular，请改用此导入：

import * as Highcharts from 'highcharts/highstock';
相关文章：