ハイスタンディングチャートで複数のシリーズタイプを設定するとデータが正しく表示されない

Question

複数のシリーズタイプ、ライン、カラムのチャートを作成しようとしています。ここで Exemple：Jsfiddle

$(function() { 
var seriesOptions = [], 
    seriesCounter = 0, 
    names = ['MSFT', 'AAPL', 'GOOG']; 

/** 
* Create the chart when all data is loaded 
* @returns {undefined} 
*/ 
function createChart() { 

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

     rangeSelector: { 
      selected: 4 
     }, 

     yAxis: { 
      labels: { 
       formatter: function() { 
        return (this.value > 0 ? ' + ' : '') + this.value + '%'; 
       } 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 2, 
       color: 'silver' 
      }] 
     }, 

     plotOptions: { 
      series: { 
       compare: 'percent' 
      } 
     }, 

     tooltip: { 
      pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>', 
      valueDecimals: 2 
     }, 

     series: seriesOptions 
    }); 
} 

$.each(names, function (i, name) { 

    $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=' + name.toLowerCase() + '-c.json&callback=?', function (data) { 

     seriesOptions[i] = { 
      name: name, 
      data: data, 
     }; 
     if(name == 'GOOG'){ 
      seriesOptions[i].type = 'column'; 
     } 

     // As we're loading the data asynchronously, we don't know what order it will arrive. So 
     // we keep a counter and create the chart when all the data is loaded. 
     seriesCounter += 1; 

     if (seriesCounter === names.length) { 
      createChart(); 
     } 
    }); 
}); 

}）。

私がズームしていないときは、私は間違ったデータ（通常よりも）があり、ズームインすると良いデータがあります。

何が問題ですか？なぜ私はセリタイプがデータを変更できるのか分からない

ありがとうございます！

Answer 1

デフォルトでは、HighstockはdataGroupingを使用します。これは、ポイントごとに単位をグループ化します。このパラメータで無効にすることができます。

plotOptions:{ 
    series:{ 
     dataGrouping:{ 
      enabled: true 
     } 
    } 
}