echarts - 查找可见图表区域的最大和最小 x、y 轴值

Question

查找可见图表区域的最大和最小 x、y 轴值。用例：点击按钮需要在图表上画一条线。我正在关注此示例以获取相同的https://echarts.apache.org/examples/en/editor.html?c=line-draggable

将系列的数据设置为

var data = [[10, 40], [10, 10]];

但由于我的图表是可缩放的，我如何获得可见图表区域的最大和最小 x、y 轴值，以便我可以在运行时计算线条的坐标

标签： echarts

Answer 1

您不需要计算可见区域，这是图表的任务。要获得所需的结果，您需要知道两种 API 方法：

1. convertFromPixel— 将画布坐标转换为图表坐标。
2. convertToPixel— 将图表坐标转换为画布坐标。

官方示例中详细说明：鼠标点击光标坐标转换为图表坐标，然后添加到系列数据中绘制线条。