Reactjs 如何在chartjs回调页脚函数中添加html标记

Reactjs 如何在chartjs回调页脚函数中添加html标记,reactjs,tooltip,chart.js,Reactjs,Tooltip,Chart.js,我试图在chartjs的回调页脚中添加一个锚定标记。 根据这个解决方案,回调不允许我们在内部使用HTML标记。 我试图创建一个自定义工具提示,但它在我的情况下也不起作用,因为我想在单击回调中的工具提示时添加一个锚 我现在有什么选择 tooltips: { callbacks: { footer: (tooltipItems, data) => { const tooltipData = []; let jobLink = '';

我试图在chartjs的回调页脚中添加一个锚定标记。 根据这个解决方案,回调不允许我们在内部使用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;
      },
    },
  },
工具提示:{
回调:{
页脚:(工具提示项,数据)=>{
常量tooltipData=[];
让jobLink='';
如果(工具提示项[0]。索引>0){
tooltipDataSet=数据。数据集[tooltipItems[0]。datasetIndex]。数据;
//根据作业id创建作业链接
作业链接=``;
}
jobLink=`Job(${jobLink})`;
push(somedata,`Δ${otherdata}(${percentagedata}%)`,jobLink);
返回工具提示数据;
},
},
},
我希望它是一个链接,但它是作为文本呈现。 我如何在回调中使用它