永洪社区

标题: 自定义JS绘图鼠标交互实现 [打印本页]

---

作者: 驰骋原野    时间: 2024-1-10 15:07
标题: 自定义JS绘图鼠标交互实现
自定义绘图组件中使用用ECharts 实现鼠标交互事件的代码跑不通，报这个错，在自定义绘图组件的代码框里面如何正确调用container？
(, 下载次数: 427)

上传

点击文件名下载附件

---

作者: yhdata_yzm    时间: 2024-1-10 15:31
原始代码发一下呢

---

作者: 驰骋原野    时间: 2024-1-10 15:50

yhdata_yzm 发表于 2024-1-10 15:31
原始代码发一下呢

1.     // 注册鼠标事件
   
2.     $container.addEventListener('mouseover', function() {
   
3.         isRotate = false; // 鼠标放上去停止自动旋转
   
4.     });
   
5. 
   
6.     $container.addEventListener('mouseout', function() {
   
7.         isRotate = true; // 鼠标离开时恢复自动旋转
   
8.     });
   
9. 
   
10.     // 定时自动旋转
    
11.     function autoRotate() {
    
12.         if (isRotate) {
    
13.             myChart.dispatchAction({
    
14.                 type: 'rotate', // 触发旋转的 action
    
15.                 seriesIndex: 0,  // 旋转的系列（这里是 scatter3D）
    
16.                 angle: 5           // 旋转的角度
    
17.             });
    
18.         }
    
19.         requestAnimationFrame(autoRotate);
    
20.     }
    
21. 
    
22.     autoRotate();

复制代码

---

作者: yhdata_yzm    时间: 2024-1-10 16:29
container容器元素来自哪里？定义了吗

---

作者: 驰骋原野    时间: 2024-1-11 14:28

yhdata_yzm 发表于 2024-1-10 16:29
container容器元素来自哪里？定义了吗

应该就是自定义绘图组件的，给的示例代码有获取图表容器的，但我不知道在永洪这里的自定义绘图组件怎么获取到图表容器
    // 获取图表容器
    const $container = document.getElementById(containerId);

    // 初始化 ECharts 实例
    const myChart = echarts.init($container);

---

作者: yhdata_lyaa    时间: 2024-1-11 15:24
ECharts 通过myChart.getDom();就可以获取到dom，然后addEventListener监听事件即可
这样写呢

---

作者: 驰骋原野    时间: 2024-1-12 10:13

yhdata_lyaa 发表于 2024-1-11 15:24
ECharts 通过myChart.getDom();就可以获取到dom，然后addEventListener监听事件即可
这样写呢

我写的JS代码怎么看不到了，desktop的
(, 下载次数: 126)

上传

点击文件名下载附件

---

作者: yhdata_lyaa    时间: 2024-1-12 11:11

驰骋原野 发表于 2024-1-12 10:13
我写的JS代码怎么看不到了，desktop的

清楚系统缓存，重新试试看呢

---

作者: 驰骋原野    时间: 2024-1-22 09:49

yhdata_lyaa 发表于 2024-1-12 11:11
清楚系统缓存，重新试试看呢

清除过缓存了，还是看不到

---

作者: yhdata_lyaa    时间: 2024-1-22 10:35
您好，重新写入代码正常吗，图表能正常显示出来吗

---

作者: 驰骋原野    时间: 2024-1-22 10:36

yhdata_lyaa 发表于 2024-1-22 10:35
您好，重新写入代码正常吗，图表能正常显示出来吗

图表正常显示，代码全看不到，data那一页也看不到

---

作者: 驰骋原野    时间: 2024-1-22 10:37

驰骋原野 发表于 2024-1-22 10:36
图表正常显示，代码全看不到，data那一页也看不到

我重新拖一个自定义绘图组件也是空白的，之前都有一段使用说明的注释

---

作者: yhdata_lyaa    时间: 2024-1-22 10:45

驰骋原野 发表于 2024-1-22 10:37
我重新拖一个自定义绘图组件也是空白的，之前都有一段使用说明的注释

新建报告正常吗，只是新建组件没有代码吗，可以赋值进去或者写入吗

---

作者: 驰骋原野    时间: 2024-1-22 10:47

yhdata_lyaa 发表于 2024-1-22 10:45
新建报告正常吗，只是新建组件没有代码吗，可以赋值进去或者写入吗

新建报告添加自定义绘图组件也看不到代码和data (, 下载次数: 382)

上传

点击文件名下载附件

---

作者: yhdata_lyaa    时间: 2024-1-22 13:18

驰骋原野 发表于 2024-1-22 10:47
新建报告添加自定义绘图组件也看不到代码和data

当前desktop是什么版本呢，之前是正常可以编辑的，是升过级吗还是突然变了

---

作者: 驰骋原野    时间: 2024-1-22 13:43

yhdata_lyaa 发表于 2024-1-22 13:18
当前desktop是什么版本呢，之前是正常可以编辑的，是升过级吗还是突然变了 ...

Yonghong Desktop V10.1.0.6，之前是正常的，没升级过，我卸载了重新安装后也是看不到代码和data

---

作者: yhdata_lyaa    时间: 2024-1-22 14:33
麻烦再看下，脚本和计算列还可以正常编辑吗。方便再提供下现在有问题的测试报告jar吗
您可以尝试 重启后打开一个没有自定义绘图的报告，再打开一个有自定义绘图的报告看看是否可以编辑。

---

作者: 驰骋原野    时间: 2024-1-22 14:42

yhdata_lyaa 发表于 2024-1-22 14:33
麻烦再看下，脚本和计算列还可以正常编辑吗。方便再提供下现在有问题的测试报告jar吗
您可以尝试 重启后打 ...

现在可以了，之前不行是啥情况？你们服务挂了吗

---

作者: yhdata_lyaa    时间: 2024-1-22 14:47

驰骋原野 发表于 2024-1-22 14:42
现在可以了，之前不行是啥情况？你们服务挂了吗

是按照我说的方式后正常的吗，还是第一次打开就正常了，
我们没有复现这个问题，如果还有问题可以给我们一个测试jar

---

作者: 驰骋原野    时间: 2024-1-22 14:50

yhdata_lyaa 发表于 2024-1-22 14:47
是按照我说的方式后正常的吗，还是第一次打开就正常了，
我们没有复现这个问题，如果还有问题可以给我们 ...

没有，我刚关掉重新打开又可以了，估计是desktop连你们某个服务的网络问题

---

作者: yhdata_lyaa    时间: 2024-1-22 16:34

驰骋原野 发表于 2024-1-22 14:50
没有，我刚关掉重新打开又可以了，估计是desktop连你们某个服务的网络问题 ...

好滴

---

欢迎光临 永洪社区 (http://club.yonghongtech.com/)

Powered by Discuz! X3.4