Skip to content

Giving stroke / border on one specific marker in Pie Chart #2989

Closed
@rmdwirizki

Description

@rmdwirizki

I read the doc at https://plot.ly/javascript/reference/#pie, it is said that we can provide an array of number (stroke's width) to give on a specific marker in pie chart.
image
But if we provide an array in "width" field like this:

var data = [{
  values: [20, 26, 55],
  labels: ['Residential', 'Non-Residential', 'Utility'],
  type: 'pie',
  pull: [0.1, 0, 0],
  marker: {
    colors: ['rebeccapurple', 'purple', 'mediumpurple'],
    line: {
      // WORKS
      // width: 3
      // ERROR
      width: [3, 0, 0]
    }
  }
}];

Plotly.newPlot('myDiv', data);

It will produce such an error:
image

What i'm trying to achieve is something like this: (harcoded in inspection tools)
image

Codepen Link: https://codepen.io/rmdwirizki/pen/vzdNjp

Metadata

Metadata

Assignees

Labels

bugsomething broken

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions