grid3D 中的 viewControl 怎么设置视角和旋转角度设置
时间: 2023-09-25 16:11:10 浏览: 327
viewController管理
在 echarts 的 grid3D 中,可以通过 viewControl 来设置视角和旋转角度。其中,viewControl 是一个对象,包括以下参数:
- autoRotate:是否开启自动旋转。
- beta:绕 x 轴旋转的角度,单位为角度。
- alpha:绕 y 轴旋转的角度,单位为角度。
- distance:观察点距离主体的距离。
- minBeta:绕 x 轴旋转的最小角度,单位为角度。
- maxBeta:绕 x 轴旋转的最大角度,单位为角度。
- minAlpha:绕 y 轴旋转的最小角度,单位为角度。
- maxAlpha:绕 y 轴旋转的最大角度,单位为角度。
通过设置这些参数,可以控制三维图形的视角和旋转角度。例如,以下是一个简单的示例代码:
```
option = {
title: {
text: '三维漏斗图'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c}%"
},
legend: {
data: ['展现','点击','访问','咨询','订单']
},
grid3D: {
viewControl: {
autoRotate: true,
beta: 10,
distance: 100
}
},
series: [
{
name:'漏斗图',
type:'funnel3D',
left: '10%',
width: '80%',
funnelAlign: 'right',
label: {
formatter: '{b}'
},
data:[
{value:60, name:'访问'},
{value:40, name:'咨询'},
{value:20, name:'订单'},
{value:80, name:'点击'},
{value:100, name:'展现'}
]
}
]
};
```
在上述代码中,viewControl 设置了 autoRotate、beta 和 distance 参数,用来控制视角和旋转角度。您可以根据自己的需求进行修改。
阅读全文