Unable to Change Marker of Selected Points JS


#1

When using the selected points functionality, I want to be able to change the size and marker symbol of those points. The size works just fine, but the symbol does not.

Here is an example:

var trace2 = {
  x: [1, 2, 3, 4],
  y: [11, 12, 13, 14],
  mode: 'markers',
  marker: {
    color: 'rgb(31, 119, 180)',
    size: 18,
    symbol: 'circle',
  },
  selectedpoints: [1],
  selected: {
    marker: {
      size: 30,
      symbol: 'diamond-open'
    },
  },
  type: 'scatter'
};

The index for selectedpoints works, the marker size also works, but the marker symbol does not. If I am doing something wrong please let me know!


#2

That’s because we currently don’t support (un)selected.marker.symbol as you can see from our docs

Next time, you try using Plotly.validate([trace2]) to determine if your input is valid.


#3

Ah I did not see that part of the documentation, thank you. Do you have plans to add support for this?


#4

@HakanE Not really. But it would be a reasonable addition if a company were interested in sponsoring it: https://plot.ly/products/consulting-and-oem/
Or if a community member submitted a pull request.