Question

我试图在图表中改变折线图中特定点的颜色。我发现您可以使用以下代码片段更改跟踪的颜色：

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

Plotly.restyle('myDiv', update);

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

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

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

Link到Codepen

Answer 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)对绘制为黑色。

希望它有所帮助.. :)

在图中改变特定点的颜色

1 个答案: