ThingStudio森工厂开发者社区

发帖
分享
查看: 680|回复: 0

[分享] QuickChart图表和3D场景如何联动控制？

[复制链接]

QuickChart图表和3D场景如何联动控制？

发表于 2024-1-11 10:37:56 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon680 zzr_icon0 查看全部
本帖最后由 夏天骑冷月 于 2024-1-11 10:37 编辑

1.图表和3D视角交互
以下图的图表为例：
QuickChart图表和3D场景如何联动控制？
给图表中的首页加一个点击事件让其聚焦场景中的车辆：
QuickChart图表和3D场景如何联动控制？
（1）找到对应的按钮选中后获取组别名:
QuickChart图表和3D场景如何联动控制？

（2）根据组别名获取图表添加点击事件实现聚焦物体的功能：
  1. $('div[data-v-alias=bottom01_text01]').on('click', function () {
  2.                 var obj = app.query('car01')[0]
  3.                 // 观察某物体
  4.                 app.camera.fit(obj);
  5.             });
复制代码
（3）该部分演示可查看项目链接：
https://www.thingjs.com/s/224532bca8453ddadc29ab11?params=105b0f77fd24654d4eebc434e9









可视化, 物联网, 三维, 数字孪生城市, ThingJS

相关帖子
回复

举报

avatar
游客~
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

avatar
夏天骑冷月

中级会员

  • 主题

    29

  • 帖子

    37

  • 粉丝

    0

关注 发私信
Ta的新帖
130700ppkpl8x3t7tt1b1t

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4