SpreadJS图表跟随数据绑定源动态变化

收藏

需求背景：不同用户登录系统之后，根据用户权限会返回与之相关的数据。与之相关的图表也要对应更新。
实现方式：

1. 模版设计：使用表格绑定设计初始模版
image.png478141173.png

2. 选中整个Table，创建对应的图表
image.png125532225.png

通过前边两步，即可完成初始模版的设置，接下来只需要调用相关数据绑定的api，绑定数据即可实现图表根据数据自动更新。
3. 数据绑定
调用sheet.setDataSource()设置用户数据。

demo体验地址：https://jscodemine.grapecity.com ... Fsrc%2Fapp.js%22%7D

demo中，点击修改绑定数据按钮，对应的表格数据和图表会自动更新。
image.png960844726.png

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

SpreadJS图表跟随数据绑定源动态变化

0 个回复