Plotly.js如何实现垂直色条最小值在上、最大值在下（不反转色阶）

要实现最小值在上、最大值在下的垂直色条显示，同时保持色阶（颜色与数据的映射关系）不变，不需要用reversescale属性，而是在色条的配置中设置autorange: 'reversed'即可。

• 核心配置：在图表系列的colorbar参数里添加autorange: 'reversed'，该配置仅反转色条的数值轴方向，不会改变颜色映射逻辑。
• 示例代码（以热力图为例）：

Plotly.newPlot('chart-container', [
  {
    z: [[0.1, 0.3, 0.5], [0.7, 0.9, 1.1], [1.3, 1.5, 1.7]],
    type: 'heatmap',
    colorscale: 'Viridis', // 保留原色色阶
    colorbar: {
      autorange: 'reversed', // 关键：反转色条数值方向
      title: '测量值',
      ticks: 'outside'
    }
  }
]);

• 注意事项：
  • 若之前设置过reversescale: true，请将该属性移除，否则会同时反转色阶；
  • 该配置适用于所有支持色条的Plotly图表类型（如热力图、散点图、等高线图等）。

内容的提问来源于stack exchange，提问作者Stranet