echarts散点图 不显示问题 或宽度为0问题
echarts 显示 宽度 散点图 问题
2023-09-11 14:21:28 时间
昨天遇到一个奇怪问题:在搜狗浏览器、QQ浏览器 ,echarts散点图不显示。
F12发现宽度变成了0;
但在 谷歌、360浏览器 显示正常。
后来以为是 tabs切换时 v-if 、v-show渲染问题;改成 v-if 还是不行。
后来每次切换 都resize,还是不行。
最后发现 是Layout问题,删除tabs 里面的layout就好了。
<div > <Layout> <Sider v-bind:width="230"> <Card style="width:100%;height:100%" v-bind:padding="0" class="full-card"> <div class="nav-tree"> <Tree v-bind:data="data1" ref="tree" v-on:on-select-change="treeClick"></Tree> </div> </Card> </Sider> <Layout> <Content > <Tabs v-bind:value="activeKey" v-on:on-click="tabsClick" v-bind:animated="true" ref="tabs" > <Tab-pane label="动物列表" name="key1" v-bind:index="1"> </Tab-pane> <Tab-pane v-if="show2" label="动物详情" name="key2" v-bind:index="2"> </Tab-pane> <Tab-pane label="入侵分布" name="key3" v-if="showMap" v-bind:index="3"> <!-- <Layout> <Content>--> <div ref="animalMapID" style="width:100%;height:100%"> </div> <!-- </Content> </Layout>--> </Tab-pane> </Tabs> </Content> </Layout> </Layout> </div>
相关文章
- JavaScript统计图表插件 Echarts
- 223Echarts - 3D 地球(ECharts-GL Hello World)
- [转]echarts柱状图点击事件获取自定义参数
- echarts 通过dom获取echarts实例,批量监听reset
- Echarts 如何与 百度地图结合?
- 大数据可视化之---echarts地图组件
- Vue+Echarts监控大屏实例十五:智慧物流监控模板实例下
- Vue+Echarts监控大屏实例一:软件系统运行监控模板实例
- arcgis api 3.x for js 之 echarts 开源 js 库实现地图统计图分析(附源码下载)
- eCharts对数轴以及解决对数轴显示失败只显示1-10区间的问题
- vue按需引入echarts
- Echarts动画效果:实现数据左右移动
- HTML Echarts图形统计实时显示DHT11温度(二)
- HTML Echarts图形统计实时显示DHT11温度(一)
- echarts仪表盘增加图例
- Echarts 实现树状图的展示与编辑示例