如何在JavaScript中获取Plotly.js内置scales变量的颜色刻度？

Plotly并没有把scales变量直接暴露在全局Plotly对象上，不过可以通过以下几种方式获取目标颜色刻度：

方法1：调用Plotly内部暴露的属性 #

Plotly实际把源码中scales.js里的颜色集合，放在了Plotly.Colors.scales这个内部属性里，直接在调试控制台或代码里访问即可：

console.log(Plotly.Colors.scales);

这个属性包含了所有内置的颜色刻度（比如Viridis、Cividis、Rainbow等），和源码里的scales变量定义完全一致。

方法2：手动提取源码数据 #

如果你的环境中Plotly.Colors.scales不可用，也可以直接从对应版本的源码里复制scales变量的内容。它的结构是键值对形式，每个键对应一组颜色数组，示例如下：

const customScales = {
  Viridis: ['#440154', '#482878', '#3e4989', '#31688e', '#26828e', '#1f9e89', '#35b779', '#6ece58', '#b5de2b', '#fde725'],
  // 其他颜色刻度可从源码中复制
};

将这段代码直接引入项目就能使用。

注意事项 #

• 不同版本的Plotly.js可能会调整内置颜色刻度的集合，建议和你使用的库版本源码对应。
• 若通过CDN引入Plotly，确保加载的是完整版本而非精简版，精简版可能会移除部分不常用的颜色刻度。

内容的提问来源于stack exchange，提问作者Friedrich -- Слава</think_never_used_51bce0c785ca2f68081bfa7d91973934>