如何在chart.js中增加光标悬停时的线宽？

gblwokeq 于 2023-08-05 发布在 Chart.js

关注(0)|答案(1)|浏览(177)

我知道我可以用borderWidth: 1, pointRadius: 1改变线的宽度和它的点，它工作得很好。
但是，当鼠标光标悬停在一条线上时，如何增加线及其点的宽度？我按照docs中的建议尝试了hoverBorderWidth: 2, hoverRadius: 2，但没有成功。
我在Google Apps Script中进行了测试，将以下行添加到html文件中：

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-autocolors"></script>

字符串

chart.js

来源：https://stackoverflow.com/questions/76593015/how-to-increase-the-line-width-when-hovering-the-cursor-in-chart-js

1条答案

按热度按时间

uxh89sit1#

您的代码几乎是正确的，但您忘记添加Chart.js datalables插件，这对于使用hoverBorderWidth或hoverRadius至关重要。
包括

<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"></script>

字符串

赞(0）回复(0）举报 2023-08-05

我来回答

如何在chart.js中增加光标悬停时的线宽？

1条答案

相关问题

热门标签

最新问答