更改绘图中特定点的颜色

【问题标题】：Change the color of an specific point in plotly更改绘图中特定点的颜色
【发布时间】：2016-02-29 10:17:01
【问题描述】：

我正在尝试以绘图方式更改折线图中特定点的颜色。我发现您可以使用以下代码 sn-p 更改跟踪的颜色：

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

Plotly.restyle('myDiv', update);

我还发现可以改变第一个点的颜色：

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

但我不明白如果我只知道他的 x,y 坐标，我如何能够改变特定点的颜色。

Link 到 Codepen

【问题讨论】：

标签： javascript plotly

【解决方案1】：

对于仅更改特定点（或一组特定点）的颜色，您可以将它们添加为单独的轨迹，并将mode 设置为markers。参考您的 codepen 链接：

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) 对涂成黑色。

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

【讨论】：