如何在堆叠条形图 QuickChart 中从上到下显示数据？

Question

我正在使用 QuickChart 制作堆叠条形图。堆栈从下到上加载数据。我希望它从上到下，我的第一个条目在顶部。参考，我尝试像在 Highcharts 中那样添加 reversed，但没有帮助。

yAxis: {
   reversed: true,
}

我附上了图表输出。我需要在上面写上“A 的伯爵”。但是“E伯爵”排在首位。我图表的代码似乎与此处的 post 无关，但如果需要，我可以在此处添加代码。请看看我可以添加什么来让它工作。

Answer 1

这是因为默认情况下 quickchart 仍然使用 V2，而 V2 语法不同，因此您需要这样写：

options: {
  scales: {
    yAxes: [{
      ticks: {
        reverse: true
      }
    }]
  }
},

编辑：

Chart.js 默认按数据集数组中的顺序绘制数据集（如果我没记错的话，从最后到第一个）。所以你需要重新排序你的数据集。

您也可以使用数据集中的顺序属性来指定绘制顺序。要使图例保持原样，您可以尝试使用排序回调来完成它。如果这不起作用，您将需要提供一个自定义的 generateLabels 函数，您可以在其中按您想要的顺序返回项目

How to display data from top to bottom in stacked bar-chart QuickChart?