是否可以使用plotly.js概述一个饼图？

Question

假设我只使用了plotly的文档中的basic pie chart：

var data = [{
  values: [19, 26, 55],
  labels: ['Residential', 'Non-Residential', 'Utility'],
  type: 'pie'
}];

var layout = {
  height: 400,
  width: 500
};

Plotly.newPlot('myDiv', data, layout);

我想知道如何概述特定切片。我想象这样的事情：

我在plotly.js文档中没有看到任何建议如何做到这一点，这就是我在这里问的原因。谢谢！

Answer 1

您可以为每个部分设置线条的宽度（在标记中）。

marker: {
    line: {
        color: '#444',
        width: [0, 5, 0]
    },
}

以下是一个例子：

＆＃13;

＆＃13;

var data = [{
  values: [19, 26, 55],
  labels: ['Residential', 'Non-Residential', 'Utility'],
  type: 'pie',
  marker: {
    line: {
        color: '#444',
        width: [0, 5, 0]
      },
  }
}];

Plotly.newPlot('myDiv', data);

＆＃13;

<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<!-- Numeric JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js"></script>
<div id="myDiv">

＆＃13;

＆＃13;

＆＃13;