HighStock：大きい範囲にズームするとデータが失われる

Question

私はハイストックに複数のシリーズを描画しようとしていますが、より大きな範囲/期間にズームするとシリーズの1つが消えてしまいます。なぜ私は理解できませんか？私のコードを見てください。私が間違っている箇所や解決策を教えていただけたらと感謝します。

範囲セレクタの使用： 1m、3m、6m、およびYTDをクリックすると、マウスオーバー時にツールチップに情報が表示されます。しかし、 '1y'と 'All'はExtra1情報が定義されていないか消えていることを示します。

スクロールバー/ナビゲータの使用 「Extra1」情報は、ナビゲータを使用して1年以内の日付範囲をズームインする場合にのみ表示されます。

jsfiddle

$(function() { 
    var series1Data = []; 
    for (var i = 0; i < 1000; i++) { 
    series1Data.push({ 
     x: (new Date()).getDate() + i * 100000000, 
     y: Math.random() * 100, 
     extra1: Math.random() * 100 
    }); 
    } 

    var series2Data = []; 
    for (var i = 0; i < 1001; i++) { //If you change this back to 1000 the series gets rendered 
    series2Data.push({ 
     x: (new Date()).getDate() + i * 100000000, 
     y: Math.random() * 100 + 100, 
     extra1: Math.random() * 100 
    }); 
    } 

    $('#container').highcharts('StockChart', { 

    chart: {}, 

    tooltip: { 
     crosshairs: true, 
     //shared: true, 
     valueDecimals: 2, 
     pointFormat: '<span style="color:{series.color}">{series.name}</span>: <br/>x:<b>{point.x}</b> <br/>y:<b>{point.y}</b> <br/>extra1:<b>{point.extra1}</b> <br/>' 
    }, 

    colors: ['#b30000', '#0000ff'], 

    plotOptions: { 
     series: { 
     turboThreshold: 0 //larger threshold or set to 0 to disable 
     } 
    }, 

    series: [{ 
     name: 'Series 1 ;-)', 
     data: series1Data 
    }, { 
     name: 'Series 2 :-(', 
     data: series2Data 
    }] 

    }); 
}); 

Answer 1

これはdataGroupingと関連しています。 1y/Allでは、データはグループ化されているため、Highstockはカスタムフィールドのどの値を近似するべきかわからないため、すべてのカスタムパラメータは無視されます。ソリューションは無効になりますdataGrouping。

plotOptions:{ 
    series: { 
     dataGrouping: { 
      enabled: false 
     } 
    } 
}