$(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)]]}]});});