消失的高斯系列

时间:2014-03-30 07:08:02

标签: javascript charts highcharts highstock

我在highstock v1.3.10上遇到了一系列消失问题。 我已经尝试将ignoreHiddenSeries设置为false,调整minRange和min / maxPadding但是调整范围仍然会擦除我的一个系列(称为raffData,myChart.series [3])

有关如何解决这个问题的任何想法吗?

发布复制步骤:

  1. 将系列类型更改为步骤。

  2. 在范围选择器中选择2yr

  3. 当处于宽屏分辨率(桌面)时,Raff通道消失。

  4. 当调整xAxis范围,重新选择蜡烛或ohlc时,或者当浏览器宽度最小化时(map.reflow设置为true),它们将重新出现。

    jsfiddle

    fullscreen result

    myChart = new Highcharts.StockChart({
        chart : {
            panning: false,
            ignoreHiddenSeries: false,
            renderTo : 'container',
            alignTicks: false,
            marginLeft : 25
        },
    
        plotOptions : {
            line : {
                lineWidth : 0.7
            },
            series : {animation : true}
        },
    
        rangeSelector : {
            inputDateFormat: '%e %b, %Y',
            inputEditDateFormat: '%d/%m/%Y',
            //selected : 1,
            buttons: [{
                type: 'month',
                count: 6,
                text: '6m'
            }, {
                type: 'year',
                count: 1,
                text: '1y'
            }, {
                type: 'year',
                count: 2,
                text: '2y'
            }, {
                type: 'year',
                count: 3,
                text: '3y'
            }, {
                type: 'year',
                count: 5,
                text: '5y'
            },  {
                type: 'year',
                count: 10,
                text: '10y'
            },  {
                type: 'all',
                text: 'All'
            }]
        },
    
        title : {
            text : getTick
        },
    
        tooltip : {
            valueDecimals : 2
        },
    
        navigator : {
            enabled : true
        },          
    
        yAxis : [{                      
            gridLineWidth : 0.8,
            height : 410
        }],
    
        series : [{
            type : series_type, // ohlc, candlestick, spline...
            step : true,
            name : getTick,
            data : data,
            lineWidth : 1,
            dataGrouping : {
                enabled : false,
                units : [[
                'week',
                    [1]
                ], [
                    'month', 
                    [1, 2, 3, 4, 6]
                ],[
                    'year',
                    null
                ]]
            }
    
        },
        {
            type: 'spline',
            name : 'linReg',
            data : lrData,
            enableMouseTracking : true,
            color : '#F0F0F0',
            dashStyle : 'Dash',
            lineWidth : 1
        },
        {
            type: 'areasplinerange',
            name : 'RaffChannel',
            data : raffData,
            enableMouseTracking : false,
            color : '#839bfc',
            dashStyle : 'Dash',
            fillOpacity : 0.2,
            lineWidth : 1,
            yAxis : 0
        }] //end series
    }); //ends chart
    

1 个答案:

答案 0 :(得分:0)

没关系,我通过加载一个仅包含日期和收盘价的额外隐藏系列来克服这个问题。

因此,对于直线,样条曲线或区域类型,我只是隐藏OHLC系列,并使用setVisible 显示非近似系列而不用重绘。通过myChart.get(id)引用该系列是一种指向正确系列的可靠方法。