Highcharts 中文社区

甘特图实例分享

2015-4-22 23:15| 发布者: 群大大| 查看: 4944| 评论: 9|原作者: Mr.Zhang

摘要: 利用 Highcharts 实现的甘特图代码分享。 1、原始版本 http://code.hcharts.cn/hcharts.cn/hhhhcs 2、群里朋友 @hpf164111850优化版 http://code.hcharts.cn/peng8/hhhhuc 该代码源自官方 https://highcharts. ...
利用 Highcharts 实现的甘特图代码分享。
gantt-chart.png

1、原始版本

http://code.hcharts.cn/hcharts.cn/hhhhcs

2、群里朋友 @hpf164111850  优化版

http://code.hcharts.cn/peng8/hhhhuc

该代码源自官方 https://highcharts.uservoice.com ... /804783-gantt-chart



5

路过

雷人

握手
2

鲜花

鸡蛋

刚表态过的朋友 (7 人)

发表评论

最新评论

引用 lanhouzi 2015-6-11 17:29
:lol
引用 kinggod 2016-1-4 18:49
:):):):):):):)
引用 简数科技 2016-4-8 09:16
代码已更新:http://code.hcharts.cn/jianshukeji/hhhG2T
引用 五月尘 2016-7-22 13:44
也可以通过后端实现类似的功能,把每个人用数字标记再进行序列化,然后对y轴刻度显示进行处理
引用 kulaog 2016-11-17 18:00
简数科技 发表于 2016-4-8 09:16
代码已更新:http://code.hcharts.cn/jianshukeji/hhhG2T

series: [{
            name: 'Project 1',
            // pointPadding: 0,
            // groupPadding: 0,
            borderRadius: 5,
            pointWidth: 10,
            data: [{"x":1479225600000,"x2":1479277420000,"y":0},{"x":1479277581000,"x2":1479284684000,"y":0},{"x":1479277581000,"x2":1479280216000,"y":0}]
        }]
感觉这个格式较为简洁,但是我的数据如上,会发生x轴左右多出2个坐标。请帮忙。
引用 kulaog 2016-11-18 09:40
引用 imfigo 2017-1-17 15:22
挺有用的,谢谢
引用 highdream 2017-7-24 12:21
   if (task.intervals[j + 1]) {
            item.data.push(
                [(interval.to + task.intervals[j + 1].from) / 2, null]
            );
        }
这句话是什么意思,请大家告诉一下。
引用 z858466 2019-6-24 17:34
请问官网例子(https://jshare.com.cn/gantt/KYJxL3)中交互甘特图拉伸的时候如何添加限制:比如至少一天(默认的可以拉伸到0 )

查看全部评论(9)

返回顶部