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

0 html javascript css chart.js

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

我想删除标记的白线,使其成为颜色均匀的甜甜圈/圆圈,同时保留外/内边框线。

有什么选择可以做到这一点吗?如果不是,如何在不在画布上绘画的情况下实现这一目标? 显示单半径线的甜甜圈草图

Pra*_*yal 11

您可以将borderWidth属性设置为 0。

options: {
  elements: {
      arc: {
          borderWidth: 0
      }
  }
}
Run Code Online (Sandbox Code Playgroud)

jsfiddle

更新

如果您只想删除一个边框,则可以使用以下代码来完成此操作

datasets: [{
  data: [1, 2, 3, 4],
  backgroundColor: ["#BDC3C7","#9B59B6","#E74C3C","#26B99A"],
  borderWidth: [0, 1, 1, 0]
}]
Run Code Online (Sandbox Code Playgroud)

jsfiddle

  • 怎么不清楚啊,我什至在图片上标出了我想要去掉的线…… (2认同)