echarts 获取markline在xAxis上的坐标
时间: 2023-09-24 07:11:36 浏览: 157
在Echarts图中给坐标轴加一个标识线markLine
要获取 `echarts` 中 `markline` 在 `xAxis` 上的坐标,可以通过以下步骤实现:
1. 获取 `echarts` 实例对象:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
```
2. 获取 `xAxis` 对象:
```javascript
var xAxis = myChart.getModel().getComponent('xAxis', 0);
```
其中,数字 `0` 表示第一个 `xAxis` 组件。
3. 获取 `markline` 对象:
```javascript
var markline = xAxis.axis.getMarkLine(0);
```
其中,数字 `0` 表示第一个 `markline`。
4. 获取 `markline` 在 `xAxis` 上的坐标:
```javascript
var xAxisCoord = markline.xAxis[0].coord;
```
其中,`xAxisCoord` 就是 `markline` 在 `xAxis` 上的坐标。
完整代码示例:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
var xAxis = myChart.getModel().getComponent('xAxis', 0);
var markline = xAxis.axis.getMarkLine(0);
var xAxisCoord = markline.xAxis[0].coord;
```
阅读全文