XとYのペアのデータ

Question

Bar Charを作成するのに、Chart.jsのdataオプションでXとYのペアを使用できますか？私はドキュメントでそれについての参照を見つけることができませんでした[X, Y]

の形態である

data: [ 
    ['08/09/2016', 12], 
    ['09/09/2016', 19] 
], 

。近い私が得たが、このline charts exampleで見つかりました：

  data: [{ 
       x: -10, 
       y: 0 
      }, { 
       x: 0, 
       y: 10 
      }, { 
       x: 10, 
       y: 5 
      }] 

Answer 1

はまっすぐデータに配列を使用して、グラフを作成するための組み込みの方法はありません。

しかし、Chart.js pluginsを使用して小さなワークを作成できます。彼らは

---

などが初期化される前に、リサイズ後、などとして、チャート全体の作成中にトリガーあなたがイベントを処理させることは、あなたがアレイを使用するため、すべてのデータを移植します小さなプラグインは、次のとおりです。

var myPlugin = { 
    // We edit what is happening before the chart is initialized. 
    beforeInit: function(chart) { 
     var data = chart.config.data; 

     // `APIarray` is what you get from your API. 
     // For every data in this array ... 
     for (var i = 0; i < APIarray.length; i++) { 
      // Populate the labels array with the first value .. 
      data.labels.push(APIarray[i][0]); 
      // .. and the data with the second value 
      data.datasets[0].data.push(APIarray[i][1]); 
     } 
    } 
}; 

は、次に、あなたのチャートプラグインサービスにこの新しく作成されたプラグインを追加する必要があります。

Chart.pluginService.register(myPlugin); 

---

チャートを作成する前に、プラグイン を登録することを確認します（を呼び出してからnew Chart()に電話をかけてください）、そうでない場合は動作しません。
私は、あなたが望まないデータがないことを確認するために、（プラグインが起こる前に）あなたのチャートに空のデータを持っていることをお勧めします。

完全に動作する例on this jsFiddleを見ることができます。