echarts geo3D 设置飞线的弧度
时间: 2023-08-22 16:11:52 浏览: 308
在 Echarts 的 geo3D 中,可以通过设置 `curve` 属性来控制飞线的弧度。该属性的值可以是一个数字或者一个数组,如果是数组,则表示起点和终点的弧度值。例如:
```javascript
series: [{
type: 'lines3D',
coordinateSystem: 'geo3D',
data: [{
// 起点坐标
from: [116.46, 39.92, 0],
// 终点坐标
to: [121.48, 31.22, 0],
// 设置弧度为 0.5
curve: 0.5
}]
}]
```
如果想要设置不同的弧度值,可以使用函数的方式来返回不同的值。例如:
```javascript
series: [{
type: 'lines3D',
coordinateSystem: 'geo3D',
data: [{
// 起点坐标
from: [116.46, 39.92, 0],
// 终点坐标
to: [121.48, 31.22, 0],
// 设置弧度函数
curve: function (params) {
if (params.dataIndex % 2 === 0) {
return 0.5;
} else {
return 0.2;
}
}
}]
}]
```
上述代码中,如果数据项的索引是偶数,则弧度为 0.5,否则为 0.2。你也可以根据自己的需求进行调整。
阅读全文