Black Lives Matter. Please consider donating to Black Girls Code today.

Separate borders around legend groups

Hi - I got to do a border around the legend - but I want to be able to do borders around the legend groups (i.e. make a border around each element)… Basically I want to make the legend look ‘clickable’ so that when a person clicks the legend, the trace is hidden/shown… Is there a legend subplot that you can add styling to? Right now ‘legend2’ does nothing to the styling

const data = [
  {
    type: 'scatterpolar',
    r: noArray1,
    theta: radarLabels1,
    legendgroup: 'group',
    fill: 'toself',
    subplot: 'polar',
    name: label1
  },
  {
    type: 'scatterpolar',
    r: noArray2,
    theta: radarLabels2,
    legendgroup: 'group2',
    fill: 'toself',
    subplot: 'polar2',
    name: label2
  },
];
const layout = {
  polar: {
    radialaxis: {
      visible: true,
      range: [0, 1.0],
      tick0: 0,
      dtick: 0.2,
    }
  },
  polar2: {
    radialaxis: {
      visible: true,
      range: [0, 1.0],
      tick0: 0,
      dtick: 0.2,
    }
  },
  legend: {
    bordercolor: '#000000',
    borderwidth: 2
  },
  legend2: {
    bordercolor: '#000000',
    borderwidth: 2
  },
  title: graphTitle,
  width: 1140
};
Plotly.plot(ele, data, layout, { displaylogo: false });

We don’t support that at the moment, unfortunately.