在ChartJS(TimeScale)工具提示上显示端到端值

时间:2019-02-27 09:15:59

标签: angular chart.js tooltip

我使用ChartJS以及自定义工具提示(由ChartJS提供)生成了以下图表。 现在在工具提示上,我想显示该行的开始和结束时间(在图像中显示为灰绿色和橙色箭头)。目前,我只能(通过标签)获取起点的时间,但也无法弄清楚如何获取终点。有什么办法吗?

Time Scale Chart using ChartJS with custom ChartJS Tooltip

这也是代码段:

var titleLines = tooltipModel.title || [];
var innerHtml = '<tbody>'
titleLines.forEach(function(title) {
innerHtml +='<tr><td>Start:</td><td bgcolor="#bababa"> ' + title + ' GMD+8</td></tr>' + 
            '<tr><td>End:</td><td> 18:32:03 GMD+8</td></tr>' + 
            '<tr><td>Length:</td><td>00:05:45</td></tr>' + 
            '<tr><td>Keywords:</td><td>default key, motor failure, needs fixing</td></tr>'
            ;
});

innerHtml += '</tbody>';
var tableRoot = tooltipEl.querySelector('table');
tableRoot.innerHTML = innerHtml;

0 个答案:

没有答案
相关问题