2015-01-13 4 views
0

Charts.js 홈 페이지의 미니 막 대형 차트를 살펴 보았습니다. 대화식 선 차트로 변환하는 방법을 이해할 수 없었습니다. 도우미 기능은 어디에 문서화되어 있습니까? 선 차트에 어떻게 적용합니까?대화식 라인 차트를 만드는 방법

답변

2

var myLineChart = new Chart(ctx).Line(data, options); 

당신은이 링크 ChartJs-LineChart

에서 문서를 볼 수 있습니다

var data = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My First dataset", 
      fillColor: "rgba(220,220,220,0.2)", 
      strokeColor: "rgba(220,220,220,1)", 
      pointColor: "rgba(220,220,220,1)", 
      pointStrokeColor: "#fff", 
      pointHighlightFill: "#fff", 
      pointHighlightStroke: "rgba(220,220,220,1)", 
      data: [65, 59, 80, 81, 56, 55, 40] 
     }, 
     { 
      label: "My Second dataset", 
      fillColor: "rgba(151,187,205,0.2)", 
      strokeColor: "rgba(151,187,205,1)", 
      pointColor: "rgba(151,187,205,1)", 
      pointStrokeColor: "#fff", 
      pointHighlightFill: "#fff", 
      pointHighlightStroke: "rgba(151,187,205,1)", 
      data: [28, 48, 40, 19, 86, 27, 90] 
     } 
    ] 
}; 

데이터 구조