时间戳

首页 > 解决方案 > 在chartjs中，在工具提示上添加链接文本

javascript - 在chartjs中，在工具提示上添加链接文本

问题描述

我正在尝试将链接（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 显示为文本。如何将可点击的工具提示添加为链接？请帮忙

标签： javascriptchart.js

解决方案

据我所知，您无法将 HTML 内容添加到工具提示中。尝试创建一个外部工具提示。 https://www.chartjs.org/docs/latest/samples/tooltip/html.html

推荐阅读