我在这里查看了各种文档和类似的问题,但似乎找不到特定的解决方案。如果我错过任何明显的事情或重复了这个问题,我们深表歉意!

作为一些背景信息,我使用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/

10-12 22:24
查看更多