Javascript 散点数据绘图中的绘图颜色比例

在javascript plotly（）中使用

marker:{color:x}

，我可以为我的代码着色 数据：

但是我怎样才能改变色阶呢

---

不同的色标似乎可用（），但仅针对热图图解释其用法。添加

colorscale:“波特兰”

似乎不起作用。

scattergl跟踪标记也可以有

colorschale

。我在文档中找到了它的参考：

色阶 父项：数据[type=scattergl]。标记 类型：色标 设置颜色比例。仅当在

marker.color

中设置为数字数组时才有效。colorscale必须是一个数组，其中包含将规范化值映射到rgb、rgba、十六进制、hsl、hsv或命名颜色字符串的数组。至少需要最低（0）和最高（1）值的映射。例如，

[[0，'rgb（0,0255）”，[1，'rgb（255,0,0）]]

。要控制颜色空间中颜色刻度的边界，请使用

marker.cmin

和

marker.cmax

。或者，

colorscale

可以是以下列表的调色板名称字符串：灰色、YlGnBu、绿色、YlOrRd、蓝红色、RdBu、红色、蓝色、野餐、彩虹、波特兰、Jet、Hot、黑体、地球、电性、绿色、Cividis

以你的小提琴为例，你可以这样看：

var x = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

var trace1 = {
  x: x,
  y: x,
  mode: 'markers',
   marker: {
    size: 20,
    color: x,
    colorscale: 'Greens'
  },
};

Plotly.newPlot('myDiv', [trace1], {});