在Chart.js中，在工具提示中插入链接文本

Question

我正在尝试插入链接（href）以在工具提示中标记文本。

所以我尝试如下定制。

callbacks: {
        label: function(tooltipItem, data) {
          var label = data.labels[tooltipItem.index];
          var val = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
          return 'test ' + '(<a href="foo">filter</a>)' + label;
        }
      }

演示在这里：https://codepen.io/ezrinn/pen/OJJbqwo

但是结果效果不佳。 href显示为文本。如何添加可点击工具提示作为链接？请帮助

Answer 1

为了在工具提示中创建链接，您需要在chart.js中使用自定义属性作为工具提示。点击此链接：

https://www.chartjs.org/docs/latest/configuration/tooltip.html#external-custom-tooltips

希望这会有所帮助！