Javascript Chartjs-带卢比符号的工具提示

我正在使用图表的工具提示，如下所示：-

var opt = {
                  ....
                  animation: true,
                  animationSteps: 100,                   
                  tooltipTemplate: function (tooltip) {
                       return numConversion(tooltip.value);
                  }
           }

function numConversion(val) {
    if (val >= 10000000) val = (val / 10000000).toFixed(2) + ' Cr';
    else if (val >= 100000) val = (val / 100000).toFixed(2) + ' Lac';
    else if (val >= 1000) val = (val / 1000).toFixed(2) + ' K';
    return val;

}

我想要一个卢比符号作为文本的前缀。当我在工具提示中使用一些html标记时，标记将按原样显示

return "<i class='fa fa-inr'></i>" + numConversion(tooltip.value);

return”“+numConversion（tooltip.value）；

---

上一行以文本格式显示标记。如何在工具提示中显示实际标记？

将属性

data html=“true”

添加到链接中

在工具提示中使用字体图标 只需设置

tooltipFontFamily

请注意，您实际上并没有将HTML放入画布工具提示中。您只需将整个工具提示的字体设置为FontAwesome。它的副作用是你的数字也会使用字体，这通常是可以的。如果这不正常，自定义工具提示将是一种方式（正如@J-D和@Lalji Tadhani已经指出的）

您还必须等待字体文件加载（我相信即使您进行自定义工具提示，也会遇到此问题）

---

预览

---

脚本

...
var myNewChart = new Chart(ctx).Line(lineData, {
    tooltipFontFamily: "'FontAwesome'",
    tooltipTemplate: function (tooltip) {
        return "\uf156 " + numConversion(tooltip.value);
    }
});
...

CSS

请注意源的占位符

@font-face {
    font-family: 'FontAwesome';
    src: /* path to your font files */
    font-weight: normal;
    font-style: normal;
}

---

---

FIDLE-

您需要创建自定义工具提示。除非您为工具提示创建单独的html模板并将其分配给自定义工具提示，否则chart.js将无法识别工具提示中的html。看看这个和这个。我已经试过了

customTooltips

。

tooltip

中的值是

false

。您可以在JsFiddle中与自定义工具提示共享您的代码吗？自定义工具提示对我有用。我忘了在工具提示中包含

。工具提示显示在折线图点的悬停处。这里没有链接。我使用的是chartjs。除了fontawesome，还有其他方法吗？比如使用

₹(₹)。因为应用程序不必要地依赖fontawesome的网站，或者下载它。哦，是的，只要
返回“\u20B9”+numConversion（tooltip.value）；
如果你不想使用fontawesome符号。顺便说一句，你可能需要检查你的目标机器是否将其转换为框（我不知道是什么让它成为盒子：-）