2016-12-12 14 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軸iが入力されたデータセットと一致しないこと、です。

編集:さて、私はついにそれを働かせました。私は正しいコードを追加しました。

+1

あなたは問題 – Quince

+0

を再現スニペットやフィドルを生成することができます私は完全なコードや画像を追加しました – binaryBigInt

答えて

0

これは古い投稿であることを認識していますが、問題の解決方法があると思います。

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

誰かが、それは正しいですなら、私に知らせて:)

関連する問題