echarts geo3D 设置分线的弧度
时间: 2023-06-28 10:05:04 浏览: 159
在 echarts 中,如果要设置 3D 地图的分线弧度,可以通过以下代码实现:
```javascript
option = {
geo3D: {
map: 'world',
roam: true,
itemStyle: {
color: '#ddd',
opacity: 1,
borderWidth: 0.4,
borderColor: '#333'
},
label: {
show: false
},
emphasis: {
label: {
show: false
},
itemStyle: {
color: '#fdb933'
}
},
shading: 'lambert',
light: {
main: {
color: '#fff',
intensity: 1.2,
shadow: true,
alpha: 55
},
ambient: {
intensity: 0.3
}
},
viewControl: {
autoRotate: false
},
distance: 100,
minAngle: 5,
maxAngle: 45 // 这里设置分线的弧度,单位为度
},
series: [{
type: 'lines3D',
coordinateSystem: 'geo3D',
effect: {
show: true,
trailWidth: 2,
trailLength: 0.1,
trailOpacity: 1,
trailColor: '#fff'
},
blendMode: 'lighter',
lineStyle: {
width: 1,
color: '#f00',
opacity: 0.2
},
data: [
// 数据
]
}]
};
```
其中,`minAngle` 和 `maxAngle` 分别表示最小和最大的分线弧度,单位为度。你可以根据需要自行调整。
阅读全文