起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2016|回复: 6

[结贴] echart图表在list调用refresh方法后不能正常显示

[复制链接]

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
发表于 2017-6-16 10:39:25 | 显示全部楼层 |阅读模式
本帖最后由 carbinechun 于 2017-6-16 10:50 编辑

如题所问,我用到了echart显示图表,如果放在list里数据加载完后会正常显示,但如果这时候执行list的refresh方法那么图表就不能正常展示了,是因为刷新的时候把数据给清除了么??
还有个问题,如果想以其他样式显示数据的话(用饼图之类的,目前集成的只有线状和柱状),需要引用更高版本的echart才能实现么?
传说中路过
发表于 2017-6-16 10:59:40 | 显示全部楼层
list.refresh(true)  还是 list.refresh()
第一个会刷新数据!
第二个不会刷新数据的!只会重新渲染list

如果刷新数据了!echart 也重现获取数据!重新渲染图表显示不就可以了吗??

关于echart  饼图线状和柱状 用法都是类似的!
这个你上网查询它的用法吧!
属于第三方的控件!平台只是提供了简单案例!剩下的呀自己研究了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
 楼主| 发表于 2017-6-16 11:16:05 | 显示全部楼层
liangyongfei 发表于 2017-6-16 10:59
list.refresh(true)  还是 list.refresh()
第一个会刷新数据!
第二个不会刷新数据的!只会重新渲染list

无论刷新是true还是false,echart的图表都不会正常显示,附上代码,跟我的前后处理顺序有关系么?
  1. var orderShow = "您" + yeData.label("dqpm") + "第" + yeData.val("dqpm") + "位,已超过" + yeData.val("zsrs") + "%的用户" ;
  2.                                 self.comp("orderOutput").set({value:orderShow});
  3.                                 yeData.saveData();
  4.                                 yeData.refreshData();
  5.                                 //self.comp("cashoutBtn").set({"disabled" : false});
  6.                                 //self.cashOutDo.set(true);
  7.                                 var compName = yeData.label("gsll");
  8.                                 var bankName = yeData.label("yhll");
  9.                                 self.showEcharts(compName,bankName,yeData.val("gsll"),yeData.val("yhll"));
  10.                                 self.comp("syList").refresh();
复制代码

至于echart的展示形式问题,是说当前版本也支持其他形状的展示,只是demo上没体现而已?
传说中路过
回复 支持 反对

使用道具 举报

发表于 2017-6-16 11:26:04 | 显示全部楼层
carbinechun 发表于 2017-6-16 11:16
无论刷新是true还是false,echart的图表都不会正常显示,附上代码,跟我的前后处理顺序有关系么?

至于ec ...

因为你调用了data.refreshData()
数据当然是刷新了的!
请问你的 echart 第一次是如何正常显示呢??
第一次是怎么正常显示的!数据刷新后,同样的代码要再次执行! 逻辑就是一样的!

因为echart 不能动态感知!所以必须重新执行它的方法!重新渲染才可以!

既然版本低那就换版本呗!
echart 问题建议上网搜着吧!网上找案例!和标准的web页面开发是一样的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
 楼主| 发表于 2017-6-16 17:14:55 | 显示全部楼层
liangyongfei 发表于 2017-6-16 11:26
因为你调用了data.refreshData()
数据当然是刷新了的!
请问你的 echart 第一次是如何正常显示呢??

把data.refreshData()这个屏蔽掉还是一样不会正常加载echart。我整个页面上加载echart就是代码中的那段处理,别的地方没有处理,如果list不refresh那么echart就能正常显示,一旦refresh了就不能正常显示
传说中路过
回复 支持 反对

使用道具 举报

发表于 2017-6-16 17:18:44 | 显示全部楼层
carbinechun 发表于 2017-6-16 17:14
把data.refreshData()这个屏蔽掉还是一样不会正常加载echart。我整个页面上加载echart就是代码中的那段处 ...

你可以颠倒一下位置!
先执行list.refresh()
然后再执行showEcharts 方法试试!

执行顺序换一下!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
 楼主| 发表于 2017-6-17 09:29:33 | 显示全部楼层
liangyongfei 发表于 2017-6-16 17:18
你可以颠倒一下位置!
先执行list.refresh()
然后再执行showEcharts 方法试试!

果然执行顺序有影响。。。可以结帖了,版主辛苦,这种问题脑子就像是总避开往这方面想一样。。。怎么调试都想不着
传说中路过
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-9-24 18:27 , Processed in 0.058959 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表