找回密码
 立即注册

QQ登录

只需一步,快速开始

KevinChen 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-3-27 14:32  /   查看:4059  /  回复:0
本帖最后由 Winny 于 2024-4-17 16:21 编辑

注意:
本文介绍的内容,不是SpreadJS原生功能,只提供思路,不接受提交bug!
本文介绍的内容,不是SpreadJS原生功能,只提供思路,不接受提交bug!
本文介绍的内容,不是SpreadJS原生功能,只提供思路,不接受提交bug!
如果是SpreadJS原生的接口调用出现了问题,欢迎反馈,但Demo示例只是为了演示思路,
本身不是产品原生的功能,所以欢迎大家参考改进,但请不要给产品提bug~

以前收到过很多同学的求助:SpreadJS支不支持甘特图(甘特图在SpreadJS V16之后已作为插件提供)?真的很需要!
在SpreadJS V13版本推出以前,这个问题没办法只依赖SpreadJS本身实现,
但是可以通过集成第三方图表控件的方式来做,比如ECharts,如图:

image.png846943969.png
(图中的图表就是ECharts)

这里的图表利用SpreadJS浮动对象强大的兼容能力,采用事件等方式实现了数图联动,
具体方法可以参考附件示例:EChartsWithSpreadJS

等等,刚才好像提到了SpreadJS V13?没错,从SpreadJS V13版本开始,
Charts组件可以支持完全自定义了!比如大家期待的甘特图:

image.png319707335.png

这个示例也是可以数图联动的,具体实现请参考附件Demo:甘特图

甘特图.zip

880.06 KB, 下载次数: 929

SpreadJS_With_ECharts.zip

102.23 KB, 下载次数: 685

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部