Jquery.Gantt求导出Excel方法

wh_liang 2015-12-18 05:08:42
项目要求作甘特图
目前用Jquery.Gantt生成了甘特图,并实现了打印功能
但是现在要求将甘特图导出到Excel,求实现方法或者思路
...全文
370 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
wilson1966 2015-12-23
  • 打赏
  • 举报
回复
  • 打赏
  • 举报
回复
引用 4 楼 wh_liang 的回复:
[quote=引用 3 楼 xomix 的回复:] 保存图片的话,搜索一下Div保存到图片
也不是保存到图片的问题,我也用过html2canvas生成图片的库,但是不能保存超过浏览器宽度的图片,如果改源码的话过于繁琐了 [/quote] 没记错excel也有甘特图,既然是根据数据生成的甘特图,把甘特数据提取出来做到excel里面应该是最佳方法了,不过这样你要做的代码量就比较大了。
wh_liang 2015-12-21
  • 打赏
  • 举报
回复
引用 3 楼 xomix 的回复:
保存图片的话,搜索一下Div保存到图片
也不是保存到图片的问题,我也用过html2canvas生成图片的库,但是不能保存超过浏览器宽度的图片,如果改源码的话过于繁琐了
  • 打赏
  • 举报
回复
引用 2 楼 wh_liang 的回复:
[quote=引用 1 楼 xomix 的回复:] 看你想怎么操作了,你要是想要导出的是可编辑的甘特图,建议你看看excel的com调用,如果只是想导出图片,就直接截图导出就好了。 npoi是个不错的开源excel操作控件。
因为目前生成的甘特图不是一个table表格,而是一个用div组装的仿表格,牵扯到很多样式,导出很麻烦啊[/quote] 保存图片的话,搜索一下Div保存到图片
wh_liang 2015-12-18
  • 打赏
  • 举报
回复
引用 1 楼 xomix 的回复:
看你想怎么操作了,你要是想要导出的是可编辑的甘特图,建议你看看excel的com调用,如果只是想导出图片,就直接截图导出就好了。 npoi是个不错的开源excel操作控件。
因为目前生成的甘特图不是一个table表格,而是一个用div组装的仿表格,牵扯到很多样式,导出很麻烦啊
  • 打赏
  • 举报
回复
看你想怎么操作了,你要是想要导出的是可编辑的甘特图,建议你看看excel的com调用,如果只是想导出图片,就直接截图导出就好了。 npoi是个不错的开源excel操作控件。
Highgantt 是用纯 JavaScript 编写的甘特图控件 主要优势(功能特点) browsers兼容性 Highstock 可以在所有的移动设备及电脑上的浏览器中使用,包括 iPhone,iPad 和 IE6 以上的版本。在 IOS 和 Android 系统中 Highstock 支持多点触摸功能,因而可以给您提供极致的用户体验。在现代的浏览器中使用 SVG 技术进行图形绘制,在低版本 IE 则使用 VML 进行图形绘制。 free非商业使用免费 在个人网站、学校网站及非盈利机构中使用 Highstock 完全不需要经过我们的许可,直接可以任意使用! 商业网站或网站,请查看我们的 使用协议及价格。 open开源 Highstock 最重要的特点之一就是:无论免费版还是付费版,你都可以下载源码并可以对其进行编辑。 基于开源社区我们可以第一时间获取用户的需求、Bug 修复及吸收社区贡献。 no-backend纯 JavaScript Highstock 完全基于 HTML5 技术,不需要再客户端安装任何插件,如 Flash 或 Java。此外你也不用配置任何服务端环境,不需要 PHP、Tomcat、ASP.NET 等,只需要两个 JS 文件即可运行。 chart-types图表种类丰富 Highstock 支持直线图、折线图、面积图、面积曲线图、柱形图、散点图、蜡烛图(OHLC)、K线图、标签图、面积范围图、柱形范围图等多种图表, 其中很多图表可以集成在同一个图形中形成混合图 config-syntax简单的配置语法 在 Highstock 中设置配置选项不需要任何高级的编程技术,所有的配置都是 JSON 对象,只包含用冒号连接的键值对、用逗号进行分割、用括号进行对象包裹。JSON 具有易于人阅读和编写,同时也易于机器解析和生成的特点。 动态交互性 Highstock 支持丰富交互性,在图表创建完毕后,可以用丰富的 API 进行添加、移除或修改数据列、数据点、坐标轴等操作。 结合 jQuery 的 ajax 功能,可以做到实时刷新数据、用户手动修改数据等功能,结合事件处理,可以做到各种交互功能。 范围选择器 在处理大数据集时,我们可能需要查看不同时间范围的数据。Highstock 提供了范围选择器,方便的用它来选择预设范围的时间,例如 1个月、一季度、1年等,你可以通过时间输入框来选择自己想要查看数据范围。 滚动条和导航器 通过滚动条和导航器可以更加直观的操作和查看特定范围的数据。 事件标记 通过添加标志数据列可以为数据相关的事件做标记和注释。 支持多坐标轴 多个数据进行对比这是非常常见的需求,Highstock 可以让你为每个类型的数据添加坐标轴,每个轴可以定义放置的位置,所有的设置都可以独立生效,包括旋转、样式设计和定位,当然也支持多个数据共用一个坐标轴。 tooltip数据提示框 当鼠标划过图形时,Highstock 可以将数据点或数据列的信息展示在提示框中,并且提示框会跟随用户的鼠标;我们做了大量工作,可以智能的显示离鼠标最近的点或被遮盖点的信息。 datetime时间轴 Highstock 对时间轴的处理非常智能,可以精确的计算月、周、日、小时、分钟等时间刻度的位置。 data grouping数据分组与合并 如果数据集包含 10 万个,浏览器对每个点进行计算并渲染的话效率会非常低。Highstock 具有数据分类功能,可以以飞速的进行数据分组;放大至小范围的数据是会重新分组,因为你可以查看高度清晰的数据又不失效率和速度。 exporting导和打印 Highstock 支持导功能,用户可以一键导 PNG、JPEG、PDF 或 SVG 文件,通过插件可以实现导Excel 文件功能;另外,用户还可以从网页上直接打印图表。 zooming缩放和平移 除了通过滚动条或导航器控制放大和平移功能,你还可以通过鼠标和手指来进行这两个操作。 ajax方便加载外部数据 Highstock 的数据是 JavaScript 数组或对象,这些数据可以是本地的配置对象,独立的数据文件(JSON、CVS)甚至是不同的网站上定义。另外,这些数据可以用任何形式处理好并加载到 Highstock 中。

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧