0

我正在使用 highcharts 在我的项目中显示图表。一切都很好，但是当我使用缩放按钮时，网格线消失了。

有谁知道这可能是什么原因？

下面是我的代码。我与 highcharts.com 中提供的示例没有太大变化。

我首先得到带有网格线的图表，没有任何问题。只有当我使用缩放按钮时，网格线才会消失。highcharts 示例不会发生这种情况。

var chart = new Highcharts.StockChart({
        chart: {
            renderTo: <id of my div>
        },
        rangeSelector: {
            buttons: [ 
            {
                type: 'month',
                count: 1,
                text: '1m'
            }, {
                type: 'month',
                count: 6,
                text: '6m'
            }, {
                type: 'year',
                count: 1,
                text: '1y'
            }, {
                type: 'all',
                text: 'All'
            }
            ],
            selected:3,
          inputPosition:{
                    x:25,
                    y:25,
                    align:"left"
             },
            align:"left"
        },
        title: {
            margin:40,
            text: title,
            style:{
                color:"#000",
                fontFamily: "AvenirNextLTW01-MediumC 721311 !important",
                fontWeight:"bold",
                fontSize:"12px"
            }
        },
        scrollbar : {
            enabled : false
        },
        yAxis: [{
            title: {
                text: ytitle
            },
            lineWidth: 2,
        }],
        credits: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        loading:{
            style: {
                position: 'absolute',
                backgroundColor: 'white',
                opacity: 0.5,
                textAlign: 'center'
            }
        },
        tooltip: 
            {
               valueDecimals: 2,
               style:{
                 fontSize:'9px'
               }
            },
        series: [
        {
            type: 'line',
            color: '#4572A7',
            name: title,
            data: <data array>
        }]
    });

编辑：我在我的网站中使用了以下插件来对 x 轴中的类别进行分组。无论我在哪里使用此插件，都会出现上述问题。任何人都可以建议我可以改变什么来摆脱这个问题吗？或者任何人都可以建议提供此功能的其他插件吗？

http://blacklabel.github.io/grouped_categories/

我在下面的 jsfiddle 中使用了这个插件代码并且可以重现这个问题。单击此小提琴中的缩放（1y，6m）按钮并观察网格线正在消失

http://jsfiddle.net/92NDX/

4

0 回答 0