Изменить порядок серий в диаграммах с накоплением

Question

Когда я использую любой из режимов укладки, вдруг серии не в своем первоначальном порядке (значения из столбцов слева направо).

Я нашел это описание на https://developers.google.com/chart/interactive/docs/gallery/barchart:

Если установлено значение true, объединяет элементы для всех рядов в каждом значении домена.Примечание. В диаграммах Column, Area и SteppedArea Google Charts меняет порядок элементов легенды, чтобы лучше соответствовать укладке элементов серии (например, серия 0 будет самым нижним элементом легенды).Это не относится к гистограммам.

Что на самом деле неверно (или, может быть, я здесь что-то не так делаю), потому что меня действительно интересуют стекированные столбцы.Пожалуйста, проверьте скриншот ниже.

Есть ли способ изменить порядок в диаграммах с накоплением?

Нет суммирования, серии в правильном порядке:

С накоплением.Серии вышли из строя / в обратном порядке:

Answer 1

странно, хотел посмотреть на этот вопрос, потому что никогда не замечал, что легенда переворачивалась раньше.

Я понимаю, что это версия скрипта, а не на листе,
, но обычно оба работают одинаково.

однако здесь,
легенда переворачивается, когда находится в положении по умолчанию справа, как и ожидалось.
, но легенда появляется при желании при перемещении наверх.
см. Следующие рабочие фрагменты ...

легенда справа

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var options = {
    isStacked: true,
    
    chartArea: {
      height: '100%',
      width: '100%',
      top: 24,
      left: 32,
      right: 128,
      bottom: 32
    },
    height: 400,
    width: '100%'    
  };
  var dataTable = google.visualization.arrayToDataTable([
    ['Date', 'Series 1', 'Series 2', 'Series 3'],
    ['04/01/2019', 40, 13, 20],
    ['16/01/2019', 50, 15, 33],
    ['28/01/2019', 60, 20, 10],
    ['09/02/2019', 43, 7, 6]
  ]);
  var container = document.getElementById('chart_div');
  var chart = new google.visualization.ColumnChart(container);
  chart.draw(dataTable, options);
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

легенда вверху

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var options = {
    isStacked: true,
    legend: {
      alignment: 'center',
      position: 'top'
    },
    
    chartArea: {
      height: '100%',
      width: '100%',
      top: 24,
      left: 32,
      right: 128,
      bottom: 32
    },
    height: 400,
    width: '100%'    
  };
  var dataTable = google.visualization.arrayToDataTable([
    ['Date', 'Series 1', 'Series 2', 'Series 3'],
    ['04/01/2019', 40, 13, 20],
    ['16/01/2019', 50, 15, 33],
    ['28/01/2019', 60, 20, 10],
    ['09/02/2019', 43, 7, 6]
  ]);
  var container = document.getElementById('chart_div');
  var chart = new google.visualization.ColumnChart(container);
  chart.draw(dataTable, options);
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

примечание: я проверил предыдущие, более старые версии диаграмм Google, все работали одинаково.