chart.jsが表示されません

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
ドーナツ型？円グラフを実装したいのですが、コードを書いてもブラウザ上で表示されません。

index.erb にて

<script src="/assets/js/Chart.min.js"></script>

を書き、
次に
<canvas id="graph"></canvas>
<script>
ctx = document.getElementById("graph");
var prices = [], colors = [], labels = [];
<% @items.each_with_index do |item, idx| %>
prices.push(<%= item.price %>);
labels.push('<%= item.title %>');
<% end %>
var data = {
labels: labels;
datasets:[
{
data: prices,
}]
};
var myDoughnut = new Chart(ctx,{
type: 'doughnut',
data: data
});
</script>
と書きました

わかりにくいかもしれないのですが、解決方法があれば教えてください。
使用しているのはcloud9です

Answer 1

Chart.jsに渡す対象はHTMLCanvasElementではなくCanvasRenderingContext2Dです.

ctx = document.getElementById("graph").getContext("2d");