如何在QuickChart堆叠条形图中实现数据从上到下展示?
QuickChart底层基于Chart.js库,你参考的Highcharts参数规则与其不兼容,所以配置不生效。
要实现堆叠条形图的第一条条目显示在最顶部,调整堆叠顺序为从上到下加载,按以下方式修改配置即可:
如果你使用的是当前QuickChart默认的Chart.js v3/v4版本
添加reverseStacking参数反转堆叠序列,配置示例如下:
options: { scales: { y: { // 反转堆叠顺序,让首个数据集(Count of A)展示在最顶部 reverseStacking: true, // 若同时需要反转y轴的分类标签顺序,可额外添加下面的配置 // reversed: true } } }
如果你使用的是旧版Chart.js v2版本
使用对应v2的层级配置即可:
options: { scales: { yAxes: [{ reverseStacking: true }] } }
如果调整后仍有顺序偏差,可以给每个dataset添加order属性,属性值越小的数据集排列位置越靠上。
内容的提问来源于stack exchange,提问作者peikado
相关产品推荐
相关产品推荐

