Ряд Highcharts, показывающий различные данные для диаграммы 'столбца' и 'линии'

Question

У меня есть диаграмма с двумя осями Y.Оба графика для первого и все работает отлично.Но когда я изменяю его на столбчатую диаграмму для одного элемента оси Y, график строится по-другому.Кажется, что некоторые моменты отсутствуют.У меня есть кнопка для переключения между графиком «столбец» и «линия».при нажатии на кнопку отображаются различные виды графиков, даже если данные одинаковы для обоих.Это мой javascript,

$.getJSON('https://api.myjson.com/bins/whjvj', function (dataSeries2) {
  $.getJSON('https://api.myjson.com/bins/dfoin', function (dataSeries1) {
    $('#container').highcharts('StockChart', {
      yAxis: [{
          height: 250,
          gridLineWidth: 1,
          title: {
            text: 'series 1',
            style: {
              color: '#3eca4f',
            },
          },
        },
        {
          title: {
            text: 'series 2',
            style: {
              color: '#888f94',
            },

          },
          top: 300,
          height: 100,
          offset: 0,
        },
      ],
      series: [{
          name: 'Series 1',
          yAxis: 0,
          type: 'line',
          data: dataSeries1,
        },

        {
          data: dataSeries2,
          name: 'Series',
          type: chartTypeRenew,
          yAxis: 1,
        },
      ],

    });


  });
});

А вот та же самая скрипка

Может кто-нибудь, пожалуйста, помогите мне решить эту проблему?Заранее спасибо.

Answer 1

Эта проблема вызвана dataGrouping. По умолчанию approximation отличается для column («сумма») и line («среднее»). Вы можете отключить dataGrouping или установить тот же approximation.

plotOptions: {
    series: {
        dataGrouping: {
            approximation: 'average'
        }
    }
},

Демонстрационная версия: https://jsfiddle.net/BlackLabel/vy9e580s/

Справочник по API: https://api.highcharts.com/highstock/series.column.dataGrouping.approximation

Документы: https://www.highcharts.com/docs/advanced-chart-features/data-grouping

Answer 2

При изменении типов рядов группировка данных также изменяется, поэтому точки аппроксимируются по-разному. Если принудительно группировать данные на «Неделя», они будут выглядеть более похожими (хотя это может быть странно для некоторых других временных интервалов).

Добавьте это к каждой серии, чтобы включить группировку данных "Неделя" ( JSFiddle ):

dataGrouping: {
    units: [[
        'week',
        [1]]
    ]
}

или для получения более подробной информации см. Документацию .