我在这里查看了各种文档和类似的问题,但似乎找不到特定的解决方案。如果我错过任何明显的事情或重复了这个问题,我们深表歉意!
作为一些背景信息,我使用Chart.js插件实现了4个图形,并使用PHP从数据库中传递了所需的数据。这一切都正常工作并且很好。
我的问题是我需要将工具提示中的数据也显示为格式化数据。以%表示。例如,我来自数据库的数据之一是-0.17222。我已经将其格式化为要显示在表格中的百分比,一切都很好。但是,在为chart.js条形图设置数据时,数据显然缺少此格式并显示为-0.17222,这是我不想要的。
抱歉,我想发布图片,但是我的声誉太垃圾了!
我从数据库中获取数据,然后设置到表中:
var kpiRex = new Handsontable(example1, {
data: getRexData(),
然后,在图表部分中像这样输入这些数据:
data: kpiRex.getDataAtRow(3)
任何帮助将是巨大的!我已经坚持了几个小时,这可能是我忽略的一个非常简单的事情。
最佳答案
您想要在图表选项中指定自定义工具提示模板,如下所示:
// String - Template string for single tooltips
tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + ' %' %>",
// String - Template string for multiple tooltips
multiTooltipTemplate: "<%= value + ' %' %>",
这样,如果需要,可以在值后添加'%'符号。
这是a jsfiddle to illustrate this。
请注意,如果只有一个数据集,则 tooltipTemplate 适用;如果您有多个数据集,则 multiTooltipTemplate 适用。
global chart configuration section of the documentation中提到了此选项。请看一下,值得检查在那里可以自定义的所有其他选项。
请注意,您的数据集应仅包含数值。 (那里没有百分号或其他东西)。
关于javascript - JavaScript Chart.js-自定义数据格式以显示在工具提示上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28568773/