Chart JS工具提示-将其放在画布外的固定位置

时间:2018-09-22 20:04:52

标签: javascript chart.js chart.js2

我进行了搜索,但是找不到确切的答案,因此我对ChartJS有点新手。

现在,我有了一个图表,该图表使用ChartJS添加的插件在一条线的顶部绘制了一条垂直线。我现在的想法是,我正在寻求使其成为工具提示的值,而不是显示在画布上的其他位置。我几乎正在尝试重新创建类似Robinhood的体验。

example

我已经创建了线路和跟踪。我唯一的问题是我想要一些文本来显示工具提示值和每个点的更改。红色圆圈是我要模拟的工具提示。不应将其显示在该点上,而应将其固定在某个位置,并且当然要根据该点更改值。

我想我在某个地方读过一种可以用于ChartJS的方法,称为getPointsAtEvent,但我不确定如何正确使用此方法,但是如果有人可以帮助我,我将非常感激。

1 个答案:

答案 0 :(得分:0)

我可以使用customToolTips和tooltip.dataPoints.length来解决问题。不过,我遇到的一个问题是,当您离开画布区域时,控制台中会出现一个错误,但不会阻止任何操作。

我不确定该如何解决,但是如果有人遇到过,请告诉我:

library(RDCOMClient)