echarts geo3D 设置3D飞线的弧度显示立体感
时间: 2023-10-01 20:05:34 浏览: 170
要在 echarts geo3D 中设置3D飞线的弧度显示,可以使用 `curve` 属性来控制飞线的曲率,从而增加立体感。该属性可以设置为一个介于0和1之间的数字,表示曲线的弧度程度,数字越大曲线越弯曲。
例如,以下代码演示了如何在 echarts geo3D 中创建一条带弧度的3D飞线:
```javascript
option = {
geo3D: {
map: 'world',
roam: true,
itemStyle: {
color: '#1e90ff',
opacity: 0.7
},
label: {
show: false
},
emphasis: {
label: {
show: false
}
}
},
series: [{
type: 'lines3D',
coordinateSystem: 'geo3D',
data: [{
// 起点经纬度
from: [118.8062, 31.9208],
// 终点经纬度
to: [121.4648, 31.2891],
// 设置曲线弧度
curve: 0.3
}],
lineStyle: {
width: 2,
color: '#ff3333'
}
}]
};
```
在上面的代码中,通过设置 `curve` 属性为 `0.3`,使得飞线呈现出一定的弧度,增加了立体感。你可以根据需要调整 `curve` 属性的值来控制曲线的弧度程度。
阅读全文