시리즈를 만들고 X 및 Y 축을 설정하는 방법은 무엇입니까?

Question

이미지와 같이 시리즈를 만들어야합니다.

날짜와 값은 사용자 선택에 따라 동적으로 생성됩니다. 시간은 24 시간 형식입니다. 이 시리즈를 만들 수있는 방법을 알려주십시오. 시간 값을 1 시간으로 지정하는 방법도 있습니다. 참조에 대한

이미지 : 당신의 시리즈 데이터에서

Answer 1

당신이 data: [Date.UTC(2012, 10, 01, 12,11,10)]을 사용하는 당신은 단순히 해당 변경할 수 있습니다 : 당신이 플롯하려면 여기 data: [90 *60 * 1000] //For 90 Minute

는 LIVE DEMO

입니다 다른 일에 대한 다른 시리즈는 xAxies에 카테고리를 추가해야합니다. 당신이 3 개 종류에 대한 귀하의 범주에 가지고

xAxis: { 
    categories: ['01/10/2012', '01/11/2012', '01/2/2012'] 
}, 

그리고 직렬 데이터

매개 변수의 동일한 번호를 사용 : : 3 일을 보여주는 예를 들어

data: [ 50 *60 * 1000, 100 *60 * 1000, 50 *60 * 1000 ] 

는 LIVE DEMO

사용 formatter를 참조하십시오 시리즈를 가리킬 때 정확한 hour:minutes을 보려면 툴팁에서

tooltip: { 
    formatter: function() { 
    var ms = this.y; 
    var x = ms/1000; 
    var seconds = x % 60; 
    x = x/60; 
    var minutes = x % 60; 
    x = x/60; 
    var hours = parseInt(x % 24); 
    x = (x/24); 
    var days = parseInt(x); 
    if(days == 0) 
    { 
     return '<b>' + this.series.name +'</b> ->' + this.x + '<br/>' + hours +':' + minutes; 
    } else { 
     return '<b>' + this.series.name +'</b><br/>' + days + ' Day ' + hours +':' + minutes; 
    } 
    } 
}, 

그것은 하드 년대 LIVE DEMO