利用highchair画出简易版甘特图
$(function(){$('#container').highcharts({chart:{type:'columnrange',inverted:true},title:{text:'项目进度图'},subtitle:{text:'更新时间:2015-10-24'},xAxis:{categories:['Jan','Feb','Mar']//任务名称},yAxis:{type:"datetime",title:{text:'时间'},dateTimeLabelFormats:{day:'%m-%d'/*second:'%H:%M:%S',minute:'%e.%b%H:%M',hour:'%b/%e%H:%M',day:'%e日/%b',week:'%e.%b',month:'%b%y',year:'%Y'*/},tickInterval:24*3600*1000},plotOptions:{columnrange:{grouping:false}},tooltip:{formatter:function(){returnthis.x+"<br>"+this.series.name+"<br>"+"日期:"+Highcharts.dateFormat('%Y-%m-%e',this.point.low)+"~"+Highcharts.dateFormat('%Y-%m-%e',this.point.high);}},legend:{enabled:false},series:[{name:'开发周期',data:[[Date.UTC(2015,9,14),Date.UTC(2015,9,15)],//只要采用的是Date.UTC的形式,必须将月份减掉1再传入,否则会有时间错位问题,切记!![Date.UTC(2015,9,12),Date.UTC(2015,9,11)],[Date.UTC(2015,9,3),Date.UTC(2015,9,5)]]},{name:'开发周期2',data:[[Date.UTC(2015,9,15),Date.UTC(2015,9,16)],[Date.UTC(2015,9,14),Date.UTC(2015,9,17)],[Date.UTC(2015,9,5),Date.UTC(2015,9,7)]]}]});});
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。