图文列表组件 echart

fqelven

有个需求是这样的，页面上有一个图文列表，图文列表模板中放置一个组件，组件中有一个根据组件传入参数过滤的表格和一个Echart(JS自定义)。

想实现的需求就是根据每个组件传入的参数（比如是一个员工ID），对表格进行过滤，然后在组件的“页面加载命令”中使用js去初始化echart。比如类似下面的代码：
var myChart1=echarts.init($('[fgcname="chart1"]')[0]);
var listview=Forguncy.Page.getListView("表格2");
for(var r=0;r<listview.getRowCount();r++){
。。。
}
js代码中还需要去循环表格并且拼接出echart所需要的JSON数据源。

现在的问题是同一个页面上如果图文列表循环了10个员工，那就会有10个同名(fgcname相同)的的"chart1"，同时也会有个10个同名的"表格2"。无法正确获取数据。不知道应该怎么写图文列表包含的组件中的echart 初始化代码。

fqelven · fqelven

问题已解决，原来是在组件的“页面加载命令”中去写代码创建该组件对应的echart图表。后来改变思路，直接在页面上写js，循环图文列表对应的表格，然后通过“var myChart11=echarts.init($('[fgcname="chart11"]')[INDEX]);”来依次创建图文列表每个项目中的echart图表并设置数据（数据循环也在页面上进行）。

David.Zhong · David.Zhong

能先做一个简单的示例demo吗？

David.Zhong · David.Zhong

fqelven 发表于 2022-12-7 15:15
问题已解决，原来是在组件的“页面加载命令”中去写代码创建该组件对应的echart图表。后来改变思路，直接在 ...

lovert · lovert

本帖最后由 lovert 于 2022-12-7 16:28 编辑

用组件实现的Echarts仪表盘
https://gcdn.grapecity.com.cn/fo ... 54264&fromuid=54697
仔细看教程里有个我做的插件，用来获取占位单元格id的，用这个id就不会冲突了

其实这个问题我之前已经提bug了，新版本还没解决

[F-11627]8.0update组件应用存在的一些问题
https://gcdn.grapecity.com.cn/fo ... 9&fromuid=54697

David.Zhong · David.Zhong

感谢大佬的反馈，活字格也会越来越好的~

		自动登录	找回密码
密码			立即注册

[已处理] 图文列表组件 echart

最佳答案

5 个回复

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐

[已处理] 图文列表 组件 echart

最佳答案

5 个回复

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐

[已处理] 图文列表组件 echart