2016-10-21 3 views
0

나는 chart.js v2으로 차트를 만들고, time scaled axis을 사용하는 좋은 작업 그래프를 가지고 있습니다.chart.js v2 - 시간 척도를 사용할 때 그래프를 채우는 방법

xAxes: [{ 
    type: 'time', 
    time: { 
     unit: 'hour', 
     unitStepSize: 1, 
     displayFormats: { 'hour': 'H:mm' } 
    } 
}] 

이 잘 작동하지만 내가 그래프의 시작과 끝 부분에 틈이 : 지금은이 같은 옵션을 설정하도록 축에서 전체 시간을 보여주고 싶어요. enter image description here

Codepen : enter image description here

는 어떻게하면이 같은 적합 할 수 http://codepen.io/WilbertE/pen/wzRmWr

답변

1

당신은 time 속성의 min & max 속성을 사용하려면 :

options: { 
    scales: { 
     xAxes: [{ 
      type: "time", 
      time: { 
       min: /* Set your min here .. */, 
       max: /* .. and your max here*/ 
      } 
     }] 
    } 
} 
+0

W hich는 내 데이터의 첫 번째가되어야합니까? – NLAnaconda

+0

데이터 보유 내용에 따라 다릅니다. 만약 당신이 무엇을 얻고 있는지 (raw 값) 알고 있다면, 가장 낮은 값을'min'으로, 가장 높은 값을'max'로 추가하십시오. 또는 어쩌면 당신은 당신이 무엇을 얻고 있는지 알 수 없을 것입니다. – tektiv

+0

그것은 작동하지 않습니다. 나는 codepen을 만들었다 : http://codepen.io/WilbertE/pen/wzRmWr – NLAnaconda

관련 문제