向Chart.JS添加自定义数据

时间:2019-04-17 16:00:38

标签: javascript charts chart.js chart.js2

我正在使用Chart.js在自定义PHP / HTML网站中创建Grahs

我有一个效果很好的图形,但是我想在工具提示中添加一些补充信息。理想情况下,我想在每个数据集的数据下方添加几行日期。因此在此示例中的两个数据集之间

enter image description here

信息应如下

Garforth Medical Centre: 108
Visited
15/04/2019
17/04/2019
Dr. Laybourn & Partners: 24

此图是我的大部分JS供参考...

任何提示将不胜感激

callbacks: {
					// Use the footer callback to display the sum of the items showing in the tooltip
					afterLabel: function(tooltipItem, data) {
						var visits = '13/03/19';
						return 'Visits : ' + visits;
					},
				},

我已经按照建议使用了回调方法(感谢@WhiteHat),但是我需要每个标签的数据都是唯一的。

在我的头上,我会为标签做一个foreach值,做

var visits = '13/03/19';
return 'Visits : ' + visits;

但是我在https://www.chartjs.org/docs/latest/configuration/tooltip.html?h=examples的文档中努力寻找自己的方式。

谢谢

亨利

0 个答案:

没有答案