找回密码
 立即注册

QQ登录

只需一步,快速开始

feiya808

注册会员

4

主题

5

帖子

23

积分

注册会员

积分
23
  • 89

    金币

  • 4

    主题

  • 5

    帖子

最新发帖
feiya808
注册会员   /  发表于:2024-11-13 15:19  /   查看:201  /  回复: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讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2024-11-13 15:19:30
来自 2#
1.进度条,可以使用单元格模板,自己定义一个div作为模板,
比如在下面的教程中
https://demo.grapecity.com.cn/wi ... /CommonTasks/purejs
改写Change列的template,改为下面的代码

  1. 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.                
复制代码


最终效果



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

本帖子中包含更多资源

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

x
回复 使用道具 举报
feiya808
注册会员   /  发表于:2024-11-21 10:57:56
3#
这个wijimo 的chart 甘特图是否可以导出?
导出的方法代码请提供下

本帖子中包含更多资源

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

x
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2024-11-21 17:11:45
4#
请参考
https://demo.grapecity.com.cn/wi ... tures/Export/purejs

通过saveImageToFile即可导出
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部