首页 > 编程知识 正文

echarts双y轴刻度不一致,echarts多个graph显示

时间:2023-05-03 17:03:52 阅读:13395 作者:3835

常数=ref (null; constmycharts=ref (空; onMounted () )={ //在这种情况下,线上会重复生成mycharts.value=echarts.init )。 my charts.value.setoption (option ); ); return { myChart,myCharts,}; 现象:点击图例类别2,第一次如图2所示消失,第二次重复点击类别2如图3所示保留线条,每一点线条重叠保留,问题较大

问题是,由于上述第二次ref对象获得echarts.init(mychart.value )的现象,个人项目时间紧迫,找不到解决问题的根本方法,尝试了几种方法

方法1 :

onMounted ()=(/此可执行letmychart=echarts.init ) document.getelementbyid ) ' mainindicator ' ); mychart.setoption(option; ); 方法2 :

//获取标签容器letindexchart=ref(null )//这是可能的,不使用ref对象,setup全局使用let indexChart22=null; const state=reactive ({ index chart 23360 null,}; onmounted(async )={ console.log (“初始化图表”); //初始化//letgraphchart=e charts.init (index chart.value ); 索引chart 22=e charts.init (index chart.value; console.log (索引图表22; //option设定项目建议在外部导入。 索引chart 22.setoption () option; window.onresize=function ()//适应大小,否则不适应大小。 indexChart.value.resize (; (; ); 返回{ . to refs (state ),索引图表,}; 有好办法的人请给我留个言。 或者请给我有效的链接

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。