При изменении данных, почему данные уменьшаются при каждом нажатии кнопки?

Question

Вот jsfiddle, который показывает проблему: https://jsfiddle.net/ost6g8hb/1/

Кнопка может изменять данные, но почему первые данные теряются при каждом нажатии кнопки?

 function categoriesIntoSeries(data) {
    rows = data.series[0].data;
    data.series = [];
     for (i = 0; i < rows.length; i++) {
     cat = rows[i].category;
     catExists = false;
      for (j = 0; j < data.series.length; j++) {
        if (data.series[j].name == cat) {
          // Add a data point to existing series
          data.series[j].data.push(rows[i]);
          catExists = true;
        }
      }
      if (!catExists) {
        // When category is encountered for the first time, create a series
       data.series.push({name: cat, data: [rows[i]]})
       }
    }

  };



$('#EU28').click(function () {
     chart.update({
     data: {
            seriesMapping: [{category: 0, y: 2}],
            },
            title: {
      text: 'EU28' },
    });
});

Answer 1

Вам необходимо отключить свойства данных firstRowAsNames:

chart.update({
    data: {
        firstRowAsNames: false,
        seriesMapping: [{...}],
    },
    ...
});

Демо: https://jsfiddle.net/BlackLabel/6dq42rtj/

Справочник по API: https://api.highcharts.com/highcharts/data.firstRowAsNames