Question

我创建了一个包含启用滚动条的highstock图表，但是当我将鼠标集中在它上面时，它发生了一个奇怪的行为：图表下降并覆盖滚动条。我使用的选项是：

var options = {
        chart: {
            title: {
                text: ''
            },
            renderTo: 'containerGrafico'
        },
        yAxis: {
            title: '',
            tickPixelInterval: 30,
            labels: {
                formatter: function () {
                    return '€ ' + Highcharts.numberFormat(this.value, 0);
                }
            }
        },
        xAxis: {
            categories: seriesMesi,
            labels: {
                 formatter: function () {
                    return arrayMesi[this.value.substring(4, 6)] + " " + this.value.substring(0, 4);
                }
            },
            max: 6
        },
        scrollbar: {
            enabled: true,
            barBackgroundColor: 'transparent',
            barBorderRadius: 7,
            barBorderWidth: 0,
            buttonBackgroundColor: 'gray',
            buttonBorderWidth: 0,
            buttonArrowColor: 'yellow',
            buttonBorderRadius: 7,
            rifleColor: 'transparent',
            trackBackgroundColor: 'white',
            trackBorderWidth: 1,
            trackBorderColor: 'silver',
            trackBorderRadius: 7
        },
        series: [
                                     {
                                    name: 'Totale Versato',
                                    color: '#96B7D8',
                                    type: 'column'
                                },
                                 {
                                 name: 'Prelievi',
                                 color: '#D1D1D1',
                                 type: 'column'
                             }]
    };

任何人都可以告诉我哪里错了？非常感谢你 CINZIA

Answer 1

通常，不支持Highstock的分类轴。

无论如何，对我来说它运作正常，请参阅：http://jsfiddle.net/3bQne/1004/

尝试更新到最新版本（1.3.10）并删除类别。或者使用具有分类轴的Highcharts。

如果以上都不会有帮助 - 在jsFiddle上重新创建问题。

highstock奇怪的行为滚动条

1 个答案: