如何将光标移动到图表的任何位置，而不仅是系列数据点？
索尼娅·莎（Soniya Shah）
我有2个点线系列，每个系列都有默认光标。默认光标沿系列数据（点）运行。我想要的是一个光标，可以在图表中的任意位置移动，而不仅限于序列数据。
尼洛·基纳嫩
谢谢你的提问。根据标签，我假设您正在使用LightningChart JS。
如果我正确理解了所需的行为，则希望将光标始终定位在用户鼠标上，并在结果表中显示已解决的最近数据点。
这可以通过Chart Marker来实现，它基本上是一个可以在应用程序代码中创建和定位的游标。
以下是有关如何执行以下操作的代码段：
听文档上的鼠标事件。
解决序列中最近的数据点。
将图表标记放置在任意位置。
const marker = chart.addChartMarkerXY()
document.addEventListener( 'mousemove', ( event ) => {
// Solve nearest data point.
const cursorPoint = chart.solveNearest( { x: event.clientX, y: event.clientY } )
// Translate mouse location to Axis.
const locationOnAxes = translatePoint(
chart.engine.clientLocation2Engine( event.clientX, event.clientY ),
chart.engine.scale,
{
x: chart.getDefaultAxisX().scale,
y: chart.getDefaultAxisY().scale
}
)
// Position Chart Marker, but override its location.
marker
.pointAt( cursorPoint )
// Override Cursor location to that of mouse location.
.setPosition( locationOnAxes )
} )
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
将html放在输入文本的末尾（不仅是光标）
- 2
如何将UITextView的光标移动到TOUCHED LOCATION？
- 3
如何将光标移动到RichEditBox中文本的末尾？
- 4
如何将光标移动到ContentEditable Span的开始/结束
- 5
UWP / WinRT：如何将RichEditBox滚动到光标位置？
- 6
DirectCast是否有任何窗口，不仅是主窗口？
- 7
如何获取不仅是第一个元素的所有元素的数据
- 8
高图/高库存：如何将工具提示位置移动到数据组的中心
- 9
光标将光标移动到非空白位置
- 10
Highcharts列如何将系列名称移动到具有较大文本大小的标题位置
- 11
PyQt：如何将光标重置为悬停的任何位置
- 12
如何将元素移动到鼠标位置
- 13
如何将按钮移动到随机位置？（迅速）
- 14
如何将小部件移动到特定位置？
- 15
如何将按钮移动到随机位置？（迅速）
- 16
如何将水印移动到视频位置并停止？
- 17
您如何将信封移动到特定位置？
- 18
如何将按钮移动到确切位置？
- 19
如何将 pawn 移动到它的位置
- 20
使用python将数据点移动到最佳拟合线上
- 21
如何将目录的数据移动到父路径
- 22
如何将光标从项目视图移动到Intellij Idea中的编辑器？
- 23
如何将光标移动到WYMeditor框的末尾并设置焦点？
- 24
如何将光标直接移动到下一个新行？
- 25
如何将控制台光标移动到Unix上的（x，y）？
- 26
如何将光标移动到引号内的第一个单词？
- 27
Qt将小部件移动到光标位置
- 28
将剪辑路径位置移动到鼠标光标
- 29
IntelliJ将鼠标光标移动到随机位置
我来说两句