SpreadJS自定制图表实现甘特图

收藏

本帖最后由 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：甘特图

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

SpreadJS自定制图表实现甘特图

0 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章