前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【问答】3D 直角坐标系(grid3D)的视角方向配置

【问答】3D 直角坐标系(grid3D)的视角方向配置

作者头像
ZXand618
发布2022-04-10 09:56:23
1.7K0
发布2022-04-10 09:56:23
举报

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

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

图一

图二

答:

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

图三

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

一些补充

  • 设置 grid3D.viewControl.rotateSensitivity 可以修改鼠标控制图表旋转的灵敏度,设置为 0 后无法旋转
代码语言:javascript
复制
// 无法旋转
rotateSensitivity: 0

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

// 只能纵向旋转
rotateSensitivity: [0, 1]
  • 设置 grid3D.viewControl.zoomSensitivity 可以修改鼠标控制图表缩放的灵敏度,设置为 0 后无法缩放
代码语言:javascript
复制
// 无法缩放
zoomSensitivity: 0
  • 设置 grid3D.viewControl.panSensitivity 可以修改鼠标控制图表平移的灵敏度,设置为 0 后无法平移
代码语言:javascript
复制
// 无法平移
panSensitivity: 0

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

// 只能纵向平移
panSensitivity: [0, 1]
  • 设置 grid3D.viewControl.autoRotate = true 可以开启自动旋转(缺省值 false)
  • 设置 grid3D.viewControl.autoRotateDirection 可以修改自转方向,顺时针(从上向下看,类似俯视图) ,或者逆时针(缺省值 'cw')
代码语言:javascript
复制
// 顺时针
autoRotateDirection: 'cw'

// 逆时针
autoRotateDirection: 'ccw'

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 ZXand618的ECharts之旅 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
图像处理
图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档