json - コントローラーからビューにデータを渡してプロットを作成する

Question

Web アプリや、javascript、jquery、json、knockout などの世界に慣れていない私は、本当に単純なことをしようとしていますが、うまくいきません。コントローラからビューにデータを渡して、morris.js を使用してプロットを作成したいと考えています。

私はそれをググって何度か試みましたが、どれも成功しませんでした。

ビューは、グラフを構築するために次のようなものを受け取ります。

<script>
    new Morris.Line({
    // ID of the element in which to draw the chart.
    element: 'myfirstchart',
    // Chart data records -- each entry in this array corresponds to a point on
    // the chart.
    data: [
    { year: '2008', value: 20 },
    { year: '2009', value: 10 },
    { year: '2010', value: 5 },
    { year: '2011', value: 5 },
    { year: '2012', value: 20 }
    ],
    // The name of the data record attribute that contains x-values.
    xkey: 'year',
    // A list of names of data record attributes that contain y-values.
    ykeys: ['value'],
    // Labels for the ykeys -- will be displayed when you hover over the
    // chart.
    labels: ['Value']
});
</script>

今、ビューバッグなどを使用してコントローラからデータを送信したいと考えています。JSONが最も正しい方法であると私が理解したのは、それを使用する方法がわからないだけです。

方法を教えてください。