使用Chart.js将折线图上的“点数”更改为甜甜圈

Question

我想在Chart.js的折线图上自定义一点点。我想要的是能够在这些点上设置'border-radius'而不是实心圆。这样，积分会更多地显示为甜甜圈。 （边框有空心/白色/彩色中心）。

有没有办法做这个内置？如果没有 - 是否有办法扩展LineChart功能以允许这个？

我想的最简单的方法是将PointStrokeWidth设置为大于1的某个值。显然，这不是一个选项，但这更接近我正在寻找的。

如果可能的话，我希望能够自定义“全部”线宽，而不是让线条都是1px。

Answer 1

啊，我似乎忽略了文档中的选项。对于未来的读者： pointDotStrokeWidth: 1将设定积分。还有datasetStrokeWidth: 2。此外，strokeColor: '#fff'实际上使用了Canvas'strokeStyle方法，因此您可以根据需要使用渐变等来设置样式。