如何设定 3D 网格坐标系 (grid3D) 的观察角度

问：ECharts 3D 柱状图 刚开始的位置角度怎么调整？

刚打开的时候显示不全，想要变成第二张的样子，应该怎么设置？

图一

图二

答：

• 配置项如图三，调整 grid3D.viewControl.alpha 和 grid3D.viewControl.beta 的值即可。

图三

• 官方这个例子，设置 option.grid3D.viewControl.beta = 0 就行。

一些补充

• 设置 grid3D.viewControl.rotateSensitivity 可以修改鼠标控制图表旋转的灵敏度，设置为 0 后无法旋转

// 无法旋转
rotateSensitivity: 0

// 只能横向旋转
rotateSensitivity: [1, 0]

// 只能纵向旋转
rotateSensitivity: [0, 1]

• 设置 grid3D.viewControl.zoomSensitivity 可以修改鼠标控制图表缩放的灵敏度，设置为 0 后无法缩放

// 无法缩放
zoomSensitivity: 0

• 设置 grid3D.viewControl.panSensitivity 可以修改鼠标控制图表平移的灵敏度，设置为 0 后无法平移

// 无法平移
panSensitivity: 0

// 只能横向平移
panSensitivity: [1, 0]

// 只能纵向平移
panSensitivity: [0, 1]

• 设置 grid3D.viewControl.autoRotate = true 可以开启自动旋转（缺省值 false）
• 设置 grid3D.viewControl.autoRotateDirection 可以修改自转方向，顺时针（从上向下看，类似俯视图） ，或者逆时针（缺省值 'cw'）

// 顺时针
autoRotateDirection: 'cw'

// 逆时针
autoRotateDirection: 'ccw'

‍

• 设置 grid3D.viewControl.autoRotateSpeed 可以修改自转速度，单位是角度每秒（缺省值 10 ，36秒转360° ）

【备注】这个问题是我在百度账号回答的，拿过来应该不算侵权...