Highcharts 中文社区

 找回密码
 立即注册
查看: 7946|回复: 9

[代码共享] 甘特图实例分享

[复制链接]
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21539

    最佳新人活跃会员热心会员突出贡献优秀版主荣誉管理论坛元老

    发表于 2015-3-9 16:10:43 | 显示全部楼层 |阅读模式
    利用 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



    本帖被以下淘专辑推荐:

    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
  • TA的每日心情
    无聊
    2019-8-12 09:47
  • 签到天数: 263 天

    [LV.8]以坛为家I

    30

    主题

    936

    帖子

    4445

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4445

    最佳新人活跃会员

    QQ
    发表于 2016-4-8 09:16:18 | 显示全部楼层
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts

    该用户从未签到

    0

    主题

    1

    帖子

    62

    积分

    HC 熟手

    Rank: 2

    积分
    62
    发表于 2016-7-22 13:44:52 | 显示全部楼层
    也可以通过后端实现类似的功能,把每个人用数字标记再进行序列化,然后对y轴刻度显示进行处理
  • TA的每日心情

    2017-5-22 09:50
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    0

    主题

    2

    帖子

    49

    积分

    HC 新手

    Rank: 1

    积分
    49
    发表于 2016-11-17 18:00: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个坐标。请帮忙。
  • TA的每日心情
    慵懒
    2017-1-17 15:04
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    1

    帖子

    18

    积分

    HC 新手

    Rank: 1

    积分
    18
    发表于 2017-1-17 15:22:26 | 显示全部楼层
    挺有用的,谢谢
  • TA的每日心情
    郁闷
    2017-7-25 09:26
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    1

    帖子

    20

    积分

    HC 新手

    Rank: 1

    积分
    20
    发表于 2017-7-24 12:21:35 | 显示全部楼层
       if (task.intervals[j + 1]) {
                item.data.push(
                    [(interval.to + task.intervals[j + 1].from) / 2, null]
                );
            }
    这句话是什么意思,请大家告诉一下。
  • TA的每日心情
    奋斗
    2019-6-24 17:12
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    2

    帖子

    15

    积分

    HC 新手

    Rank: 1

    积分
    15
    发表于 2019-6-24 17:34:41 | 显示全部楼层
    请问官网例子(https://jshare.com.cn/gantt/KYJxL3)中交互甘特图拉伸的时候如何添加限制:比如至少一天(默认的可以拉伸到0 )
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表