chart.js - ChartJS : add a clickable text in title

标签 chart.js chart.js2 chartjs-2.6.0

我正在使用 ChartJS 绘制折线图。我想用不同的数据集更新图表,但这是另一种情况。现在我无法在标题中添加按钮,因为没有可用的 callback 函数。我可以得到任何帮助吗?

最佳答案

根据 this github上的问题。

提到了两点:

1- canvas 中不能有超链接。

2- 有一种使标题可点击的解决方案,但这使得整个点到另一点不仅文本而且 white space 也可点击。

我的解决方案:我所做的是使用一个简单的 hack;我通过给它 display :false 隐藏标题,然后添加一个外部链接到它。在 div 中添加链接的行。单击它后,我正在更改图表。

您可以使用任何外部元素来控制图表,但从图表本身的元素操作图表有一些限制。

希望对以后的读者有所帮助。

关于chart.js - ChartJS : add a clickable text in title,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47943351/

相关文章:

angular - Chart.js 3+、Firefox 68 和 Angular : "ReferenceError: "ResizeObserver is not defined"

javascript - 图表 js 标签和分组标签

javascript - 如何在y轴图表Js中的两条线之间添加背景色

javascript - 图表.js : Change width of tooltip

angular - ChartJs - 禁用动画

angular - 如何使用 ng2-charts 获取多个图表(条形图和折线图)?

javascript - 向 Chart JS 数据集添加其他属性

javascript - 使用 Chart.js 时隐藏 xAxis 标签

javascript - 动态更改 x 轴上的日期

javascript - 如何使用 Chart.js 按颜色填充图表直至垂直线