You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.23 20:36:02