Измените «точки» на линейной диаграмме на пончики, используя Chart.js

Question

Я ищу, чтобы настроить точку на диаграмме Chart.js немного больше. Я бы хотел, чтобы можно было установить «пограничный радиус» в этих точках вместо сплошного круга. Таким образом, очки будут отображаться больше как пончики. (Граница с полым/белым/цветным центром).

Есть ли способ сделать это встроенным? Если нет - есть ли способ расширить функцию LineChart, чтобы это разрешить?

Самый простой способ, который я думал, мог бы просто установить PointStrokeWidth на некоторое значение больше 1. Очевидно, что это не вариант, но это ближе к тому, что я ищу.

Если возможно, я хотел бы иметь возможность настраивать «все» ширины линий, вместо того чтобы иметь все линии 1px.

Answer 1

Ах, я, похоже, не заметил вариант в документации. Для будущих читателей: pointDotStrokeWidth: 1 установит очки. Существует также datasetStrokeWidth: 2. Кроме того, strokeColor: '#fff' использует метод Canvas 'strokeStyle, поэтому вы можете использовать градиенты и такие, чтобы при необходимости их стиль.