我正在用chart.js实现一些点图 . 没有问题,但我想要做的是有一个工具提示,不仅附加到给定的数据点 . 现在您可以创建工具提示,它将在图表上的给定数据点附近显示一个弹出窗口 . 例如,如果我有数据点[1,5],[2,6]和[3,7],它将很乐意显示这三个数据点 .
但我想要的是当我在1,5和2,6之间时,看到我在x轴上的确切位置 . 1.5,1.6等
在chart.js调用的工具提示选项中,我可以这样做:
tooltips: { mode: 'index', intersect: false, callbacks: { footer: function(tooltipItems, data) { return 'x:' + this._eventPosition.x + ' y:' + this._eventPosition.y; }, }, footerFontStyle: 'normal' }
但这是画布上x和y的位置,与实际的x和y图坐标无关 . 我似乎无法在chart.js中找到任何可用的数据,它可以获得鼠标当前位置的实际图表x,y坐标 .
还要注意我在工具提示页脚中不需要它,我只是使用它作为测试输出的方便方法 . 我想要的是在固定位置始终可见的工具提示,以显示鼠标悬停在其上的当前实际图表x位置,而不管最近的数据点 .
1 回答
我终于收集了信息并做了数学计算 . 这里只是一个片段,向您展示如果有其他人有这个问题 .