You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.03 17:54:52