如何在chartjs回调页脚函数内添加html标签

时间:2019-02-12 17:35:36

标签: reactjs tooltip chart.js

我正在尝试在chartjs的回调页脚中添加锚标记。 按照此解决方案,Chart JS Show HTML in Tooltip回调不允许我们在内部使用HTML标签。 我试图创建一个自定义工具提示,但由于我想在单击回调内的工具提示时添加锚点,因此在我的情况下也不起作用。

我现在有哪些选择?

tooltips: {
    callbacks: {
      footer: (tooltipItems, data) => {
        const tooltipData = [];
        let jobLink = '';
        if (tooltipItems[0].index > 0) {
          tooltipDataSet = data.datasets[tooltipItems[0].datasetIndex].data;

          // make job link against job id
            jobLink = `<a href="https://xyz.comjobs/selectedJob=${tooltipDataSet.job_id}"> Link </a>`;

        }
        jobLink = `Job(${jobLink})`;
        tooltipData.push(somedata, `Δ ${otherdata} (${percentagedata}%)`, jobLink);
        return tooltipData;
      },
    },
  },

我希望它是一个链接,但它呈现为文本。 如何在回调中使用它?

0 个答案:

没有答案