登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

4 主题	5 帖子	23 积分

积分: 23

89
金币
4
主题
5
帖子

最新发帖

[已处理] wijimo2022-进度管理

feiya808
注册会员 / 发表于：2024-11-13 15:19 / 查看：197 / 回复：3

1金币

1 如何在表grid中插入类似：计划数，完成数的图，请给个例子。

2 如何生成甘特图，请给个例子。

最佳答案

查看完整内容

1.进度条，可以使用单元格模板，自己定义一个div作为模板，比如在下面的教程中 https://demo.grapecity.com.cn/wijmo/demos/Grid/CustomCells/CellTemplates/CommonTasks/purejs 改写Change列的template，改为下面的代码最终效果 2.生成甘特图，可以参考下面的链接，通过条形图生成 https://demo.grapecity.com.cn/wijmo/demos/Chart/Special/Gantt/purejs

收藏

回复

3 个回复

倒序浏览

最佳答案

最佳答案

Richard.Ma
超级版主 / 发表于：2024-11-13 15:19:30 来自 2^#

1.进度条，可以使用单元格模板，自己定义一个div作为模板，
比如在下面的教程中
https://demo.grapecity.com.cn/wi ... /CommonTasks/purejs
改写Change列的template，改为下面的代码

cellTemplate: (ctx) => (`<div style="width: 100%; height: 85%; background-color: #f3f3f3; border-radius: 5px; overflow: hidden; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);"><div style="width:${ctx.value*100}%; height: 100%; background-color: #4caf50;"></div></div>`)

复制代码

最终效果

2.生成甘特图，可以参考下面的链接，通过条形图生成
https://demo.grapecity.com.cn/wi ... pecial/Gantt/purejs

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

回复 使用道具举报

feiya808
注册会员 / 发表于：2024-11-21 10:57:56 3^#

这个wijimo 的chart 甘特图是否可以导出？
导出的方法代码请提供下

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

回复 使用道具举报

Richard.Ma
超级版主 / 发表于：2024-11-21 17:11:45 4^#

请参考
https://demo.grapecity.com.cn/wi ... tures/Export/purejs

通过saveImageToFile即可导出

回复 使用道具举报