2016-12-12 1 views
1

내 차트가 왼쪽으로 정렬되지 않은 이유가 무엇이며 어떻게 처리 할 수 ​​있는지 궁금합니다.Chart.js 라인 그래프를 왼쪽으로 정렬

var data = { 
    labels: ["ID"] 
    , datasets: [ 
     { 
      label: "Sensor 1" 
      , data: [{ 
       x: 0 
       , y: 2 
      }, { 
       x: 12 
       , y: 5 
      }] 
      , backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)' 
      , ] 
      , borderColor: [ 
       'rgba(255,99,132,1)' 
      ] 
      , borderWidth: 1 
     } 
    ] 
}; 
var options = { 
    title: { 
     display: true 
     , text: 'Custom Chart Title' 
    } 
    , scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true 
      } 
     }] 
     , xAxes: [{ 
      type: "linear" 
      , position: "bottom" 
     }] 
    } 
}; 
var myLineChart = Chart.Line(ctx, { 
    data: data 
    , options: options 
}); 

라인이 오른쪽 그래프의 중심에서 시작하지만 난 (X 축에) 왼쪽으로 정렬 할 수 있습니다 방법을 모른다 : 이것은 내 코드입니다. 이것은 같은 모습입니다 :

https://picload.org/image/raoipwci/chartjs.png

당신이 볼 수 있듯이, 또 다른 문제는, y 축은 내가 입력 한 데이터 세트와 일치하지 않는 것을.

편집 : 좋아, 마침내 제대로 작동했습니다. 올바른 코드를 추가했습니다.

+1

이 조각이나 내가 전체 코드와 이미지를 추가 문제 – Quince

+0

을 재현 바이올린을 생산하는 당신이 수 있는지

xAxes: [{ type: "linear" , position: "bottom" , beginAtZero: true , min: 0 }] 

누가 좀 알려주세요 – binaryBigInt

답변

0

나는 이것이 오래된 게시물이라는 것을 알고 있지만 나는 당신의 문제에 대한 해결책을 가지고 있다고 생각하며 나는 이것을 (지금 당장 시험 할 수는 없지만 이것을해야한다) 다른 누군가를 위해 여기에 남겨 둘 것이다. 그것은 바로 :

관련 문제