1***@qq.com
1***@qq.com
  • 发布:2018-12-29 11:37
  • 更新:2019-04-04 09:06
  • 阅读:2547

v-show切换<mpvue-echarts>时存在问题

分类:uni-app

在hello uni-app上的echarts示例中即可重现此问题,只可以显示第一个echarts图表
下面代码为hello uni-app中的代码,稍加改造
<button class="update-btn" type="primary" size="mini" @click="current = !current">切换</button>
<view class="canvasView" v-show="current">
<view class="canvas-bar">
<view class="title">饼图示例</view>
<button class="update-btn" type="primary" size="mini" @click="updatePie">修改饼状图数据</button>
</view>
<mpvue-echarts :echarts="echarts" :onInit="pieInit" canvasId="pie" ref="pieChart" />
</view>
<view class="canvasView" v-show="!current">
<view class="title">折线图示例</view>
<mpvue-echarts :echarts="echarts" :onInit="lineInit" canvasId="line" ref="lineChart" />
</view>

2018-12-29 11:37 负责人:无 分享
已邀请:
蝶殇yang

蝶殇yang

楼主解决了吗

秋云

秋云

建议使用wx-charts跨端图表插件,仿照F2样式做的,体积小巧、调用简单,支持单页面多图表,可参考demo(一个页面7个图表不卡顿),解决H5端图表显示模糊等问题,支持toolTip及入场动画展示。已上传插件市场,欢迎各位下载,觉得好用5星好评哦

wx-charts跨端图表

https://ext.dcloud.net.cn/plugin?id=271

wx-charts图表

该问题目前已经被锁定, 无法添加新回复