Question

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

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

以下是我的代码。我对highcharts.com中提供的示例没有太大的改动。

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

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/

highcharts网格线在缩放时消失

0 个答案: