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

Question

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

，我正在关注此示例

将系列数据设置为

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

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

计算线的坐标

Answer 1

您不需要计算可见区域，这是图表的任务。要获得所需的结果，您需要 to known two API methods:

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

在the official example中有详细说明：通过鼠标点击光标坐标转换为图表坐标，然后添加到系列数据中绘制线。