2***@qq.com
2***@qq.com
  • 发布:2024-03-08 15:22
  • 更新:2024-03-08 15:22
  • 阅读:373

【报Bug】uniapp引入echarts

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.99

浏览器平台: Safari

项目创建方式: HBuilderX

示例代码:

var chartDom = document.getElementById("main");
var myChart = echarts.init(chartDom);
var option;
myChart.showLoading();
var graph = this.options;
myChart.hideLoading();

            option = {  
                title: {  
                    text: '标题',  
                    top: 'bottom',  
                    left: 'right'  
                },  
                tooltip: {},  
                animationDuration: 0,  
                animationEasingUpdate: 'quinticInOut',  
                series: [{  
                    name: '标题',  
                    type: 'graph',  
                    layout: 'force',  
                    force: {  
                        initLayout: "circular",  
                        repulsion: 150,  
                        layoutAnimation: true  
                    },  
                    data: graph.nodes,  
                    links: graph.links,  
                    roam: true,  
                    label: {  
                        position: 'inside',  
                        formatter: '{b}'  
                    },  

                }, ],  

            };  

            myChart.setOption(option);  

            myChart.on('click', function(params) {  
                console.log(params);  
            });

操作步骤:

uniapp ×
vue √

预期结果:

uniapp √

实际结果:

Tell me why?

bug描述:

使用uniapp引入echarts

无法触发echarts中click事件的

如果脱离uniapp, 正常使用vue2或vue3去开发,引入echarts在移动端click事件是正常触发的

也就是说这是uniapp本身编译存在的问题! 我好不容易认真写一次代码,你们却把我伤的这么彻底, 焯!

2024-03-08 15:22 负责人:无 分享
已邀请:

要回复问题请先登录注册