LightningChart JS升级:translateCoordinate替代translatePoint实现点转图表刻度求助
LightningChart JS 升级:translateCoordinate 替代 translatePoint 用法指南
核心区别
旧版的translatePoint是全局工具函数,需要手动传入两个坐标系的scale;新版的translateCoordinate是Series或Axis的实例方法,无需手动传递scale,直接通过目标对象调用即可完成坐标转换。
常见转换场景示例
1. 屏幕坐标 → 系列数值坐标
对应你原代码的转换逻辑,将屏幕位置location({x,y}格式)转成目标系列的数值坐标:
// 先导入转换方向枚举 import { screenToData } from '@arction/lcjs' // 用目标系列调用translateCoordinate const point = series.translateCoordinate({ x: location.x, y: location.y }, screenToData)
2. 系列数值坐标 → 屏幕坐标
如果需要反向转换(数值转屏幕位置):
import { dataToScreen } from '@arction/lcjs' const screenPoint = series.translateCoordinate({ x: yourXValue, y: yourYValue }, dataToScreen)
3. 单轴坐标转换
如果只需要转换单个轴的坐标(比如单独转X轴或Y轴),可以直接通过Axis实例调用:
import { screenToData } from '@arction/lcjs' // 屏幕X坐标转X轴数值 const xValue = chart.getDefaultAxisX().translateCoordinate(location.x, screenToData) // 屏幕Y坐标转Y轴数值 const yValue = chart.getDefaultAxisY().translateCoordinate(location.y, screenToData)
关键参数说明
- 第一个参数:要转换的坐标对象(
{x,y}用于系列转换,单个数值用于单轴转换) - 第二个参数:转换方向枚举,可选
screenToData(屏幕→数据)或dataToScreen(数据→屏幕)
内容的提问来源于stack exchange,提问作者Learner
相关产品推荐
相关产品推荐

