echarts geo3D 设置3D飞线的跨度
时间: 2023-06-28 17:05:08 浏览: 134
要设置echarts geo3D的3D飞线的跨度,需要使用`GL Lines`系列。具体来说,可以通过设置`GL Lines`的`coords`属性来指定每条线段的起始点和结束点的经纬度坐标,并通过`GL Lines`的`lineStyle`属性来设置线的样式和宽度。同时,还可以通过`GL Lines`的`blendMode`属性来设置透明度等效果。
以下是一个示例代码片段,展示如何使用`GL Lines`设置echarts geo3D的3D飞线的跨度:
```javascript
option = {
series: [{
type: 'lines3D',
coordinateSystem: 'geo3D',
data: [
{
coords: [
[116.4551, 40.2539], // 起点经纬度
[121.4648, 31.2891] // 终点经纬度
],
lineStyle: {
width: 2,
color: '#ff0000'
}
},
// 其他飞线数据
]
}]
};
```
在上述代码中,`coords`数组中的每个元素都是一个长度为2的数组,分别表示经度和纬度。通过设置`coords`数组中的多个元素,可以实现多段飞线的绘制。通过修改`lineStyle`属性,可以设置每条飞线的样式和宽度。
阅读全文