angle-chart.jsを使用してchart.js散布図を設定するにはどうすればよいですか？

Question

Angular-chart.jsはchart.jsのラッパーです。私は、説明したように散布図を作成したいと考えていますhere. angular-chart.jsのドキュメントにはa clear example of how to set up a line chartがあります。私は、散布線グラフの正しいデータを角度指示にどのように渡すかを理解することができませんでした。

chart.js takes two data formatsを明確にする。 chart.jsとangular-chart.jsの両方で最初の書式を使用しています。私はchart.jsを介して動作していますが、angle-chart.jsではなく、2番目のフォーマットを持っています。 angle-chart.jsを使って散布図の世界の例を教えてください。

私はこのようなものを2つのプロジェクトからの文書に基づいて働いているだろうと仮定：私はあなたが近くにいると思う

$scope.data = { 
      datasets: [{ 
       label: 'Scatter Dataset', 
       data: [{ 
        x: -10, 
        y: 0 
       }, { 
        x: 0, 
        y: 10 
       }, { 
        x: 10, 
        y: 5 
       }] 
      }] 
     }; 

scope.dataがコントローラにas found on the angular-chart.js documentation

Answer 1

を行くだろう$ 。あなたがする必要があるのは、あなたのオプションを変更して少し変更を加えることだけだと思います（元々、私があなたの投稿したものを試してみました。 JSファイル：

$scope.data = [{ 
    x: -10, 
    y: 0 
}, { 
    x: 0, 
    y: 10 
}, { 
    x: 10, 
    y: 5 
}]; 

// The angular-chart directive will use this as the label 
$scope.series = ['Scatter Dataset']; 

$scope.options = { 
    scales: { 
     xAxes: [{ 
      type: 'linear', 
      position: 'bottom' 
     }] 
    } 
}; 

そして、HTMLファイル内：

<canvas class="chart chart-line" 
     chart-data="data" 
     chart-series="series" 
     chart-options="options"> 
</canvas>