javascript - 在 plotly 中更改特定点的颜色

Question

我正在尝试更改折线图中特定点的颜色。我发现您可以使用以下代码片段更改轨迹的颜色:

var update = {
marker: {
    color: 'orange',
    size: 10
    }
};

Plotly.restyle('myDiv', update);

我还发现可以通过以下方式更改第一个点的颜色:

Plotly.restyle('myDiv', 'marker.color', [['red']]);

但我不明白如果我只知道一个特定点的 x,y 坐标，我怎么能够改变它的颜色。

Link到代码笔

Answer 1

要仅更改特定点(或一组特定点)的颜色，您可以将它们添加为单独的轨迹，并将 mode 设置为 markers。引用您的代码笔链接:

var X = [1, 3];
var Y = [4, 3];

Plotly.addTraces(graphDiv,{
    x: X,
    y: Y,
    type: 'scatter',
    mode: 'markers',
    marker: {'color': 'black'},
    name: 'marker_trace'
  });

这会将所有 (X,Y) 对绘制为黑色。

希望对您有所帮助..:)