如何从雷达图中的鼠标悬停结果中删除数据值?

时间:2016-04-19 08:54:24

标签: javascript chart.js

目前我正在处理一组动态数据和Chart.js。我正在使用的数据中没有标准化的比例,因此我创建了一个简单的算法,例如:

3 out of 7 for question 1 [3 * (12 / 7)]
2 out of 9 for question 2 [2 * (12 / 9)]
6 out of 7 for question 3 [6 * (12 / 7)]
So that all the results for the Radar Graph are measured equally at 12.

通过这样做,该值不会是正确的,即使该点相对于图的其余部分的位置也是如此。

[Label]Question 1 (3/7) : [Value]5.14

我已经通过将标签与标签数组中的数据相结合,在标签中包含了真值。

所以当鼠标悬停在图表上的辐条或点上时,我想显示标签。

Question 1 (3/7)

有没有办法在不搞乱Chart.js文件的情况下这样做?

1 个答案:

答案 0 :(得分:1)

使用tooltipTemplate选项

new Chart(ctx).Radar(data, {
    tooltipTemplate: "<%=label%>",
});

小提琴 - http://jsfiddle.net/dz6mt4dy/