myChart.options.elements.point.radius = 5; then chart.update() #10418
Description
Expected behavior
when I call myChart.options.elements.point.radius = 5; to shrink a point on the chart and then I call chart.update() the points are supposed to shrink, but they don't really do it. I need to put my cursor on the point, and only then it will shrink.
Current behavior
I created a chart with points sizes of 9, But later, I want to shrink the points to 5(or even hide some with a radius of 0).
When I try to shrink them I do this:
myChart.options.elements.point.radius = 5; myChart.update();
And it is half working, since the points appear at their 'new' sizes, but ONLY AFTER you hover them with your cursor.
Here is a pic to be more clear: https://photos.app.goo.gl/N7JJQvaVu6qSnGUB8
Reproducible sample
https://codepen.io/djaeofkao/pen/mdXQxoE
Optional extra steps/info to reproduce
No response
Possible solution
Respect to all the chart.js devs community you can't believe how helpful this charting library is for me! For now I can only dream to be smart enough to contribute, so respect for all the kinds genius minds working on the project.
Context
I need to shrink the points If I put more data in the chart, and even if possible I would like to delete some of them big giving them a radius of 0
chart.js version
3.7.0
Browser name and version
Chrome Version 102.0.5005.63
Link to your project
No response