$(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() {

                return this.x + "
" + this.series.name + "
" + "日期:" +                     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)] ]     } ] });      });