highCharts 已知Y轴坐标,如何获取该处的x轴坐标
时间: 2024-03-01 17:53:14 浏览: 108
折线、双Y轴、不交叉、highcharts、按照日期分割线
如果你已经知道了 Y 轴坐标的值,那么可以通过 Highcharts 提供的 `point` 和 `xAxis` 对象来获取对应的 X 轴坐标。
假设你已经获取了需要查询的点的 `point` 对象,可以使用 `point.index` 获取该点在序列中的索引,然后通过 `chart.xAxis[0].categories` 获取 X 轴的所有类别值,再通过索引获取对应的 X 轴坐标值。
示例代码如下:
```javascript
// 假设已知 Y 坐标为 10
var yValue = 10;
// 获取对应的 point 对象
var point = chart.series[0].data.find(function(p) {
return p.y === yValue;
});
// 获取该点在序列中的索引
var index = point.index;
// 获取 X 轴坐标值
var xValue = chart.xAxis[0].categories[index];
```
需要注意的是,上述代码假设 X 轴的类型为类别型(category),如果 X 轴类型为数值型(linear),则需要使用 `chart.xAxis[0].toValue(x)` 方法来获取对应的数值型 X 轴坐标值。
阅读全文