如何从单元素圆环图中删除内边框？图表.js

Question

如果饼图或圆环图中只有一个元素（段），则在该单个段的开始/结束处绘制一条半径线。

我想移除标记的白线，使其成为颜色均匀的甜甜圈/圆圈，同时保持外/内边界线。

有什么选择吗？如果不是，如果不在画布上绘画，如何实现这一目标？

Answer 1

您可以将

borderWidth

属性设置为0.

options: {
  elements: {
      arc: {
          borderWidth: 0
      }
  }
}

jsfiddle

更新

如果您只想删除一个边框，那么您可以使用以下代码执行此操作

datasets: [{
  data: [1, 2, 3, 4],
  backgroundColor: ["#BDC3C7","#9B59B6","#E74C3C","#26B99A"],
  borderWidth: [0, 1, 1, 0]
}]

jsfiddle

Answer 2

只需检查您有多少段。

const isMultipleSegment = seriesData.filter(val => val > 0).length > 1;

如果不止一个 - 从图表配置中删除边框。

borderWidth: isMultipleSegment ? 2 : 0,