SpreadJS自定制图表实现甘特图
本帖最后由 Winny 于 2024-4-17 16:21 编辑注意:
本文介绍的内容,不是SpreadJS原生功能,只提供思路,不接受提交bug!
本文介绍的内容,不是SpreadJS原生功能,只提供思路,不接受提交bug!
本文介绍的内容,不是SpreadJS原生功能,只提供思路,不接受提交bug!
如果是SpreadJS原生的接口调用出现了问题,欢迎反馈,但Demo示例只是为了演示思路,
本身不是产品原生的功能,所以欢迎大家参考改进,但请不要给产品提bug~
以前收到过很多同学的求助:SpreadJS支不支持甘特图(甘特图在SpreadJS V16之后已作为插件提供)?真的很需要!
在SpreadJS V13版本推出以前,这个问题没办法只依赖SpreadJS本身实现,
但是可以通过集成第三方图表控件的方式来做,比如ECharts,如图:
(图中的图表就是ECharts)
这里的图表利用SpreadJS浮动对象强大的兼容能力,采用事件等方式实现了数图联动,
具体方法可以参考附件示例:EChartsWithSpreadJS
等等,刚才好像提到了SpreadJS V13?没错,从SpreadJS V13版本开始,
Charts组件可以支持完全自定义了!比如大家期待的甘特图:
这个示例也是可以数图联动的,具体实现请参考附件Demo:甘特图
页:
[1]