自定义JS绘图鼠标交互实现

自定义绘图组件中使用用ECharts 实现鼠标交互事件的代码跑不通，报这个错，在自定义绘图组件的代码框里面如何正确调用container？

原始代码发一下呢

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();

复制代码

container容器元素来自哪里？定义了吗

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

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

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

ECharts 通过myChart.getDom();就可以获取到dom，然后addEventListener监听事件即可
这样写呢

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

我写的JS代码怎么看不到了，desktop的

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

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

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

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

您好，重新写入代码正常吗，图表能正常显示出来吗