1

Railscast＃223をフォローして、Morris.jsとRaphaelを使用してRails3.2.9サイトにいくつかの単純な線グラフを取り込もうとしています。raphaelおよびmorrisjavascriptファイルをダウンロードし、それらをvendor / Assets / javascriptsフォルダーに追加してから、関連する行をapplication.jsに追加しました。

//= require raphael
//= require morris

次に、グラフの単純なHTMLdivを作成しました。

<div id="annual"></div>

そして、関連するCoffeeScriptを関連するjavascriptファイル（tenants.js.coffee）に追加しました。

jQuery ->
    Morris.Line
        element: 'annual'
        data: [
            {y: '2012', a: 100}
            {y: '2011', a: 75}
            {y: '2010', a: 50}
            {y: '2009', a: 75}
            {y: '2008', a: 50}
            {y: '2007', a: 75}
            {y: '2006', a: 100}
        ]
        xkey: 'y'
        ykeys: ['a']
        labels: ['Series A']

ページは正常に読み込まれますが、グラフは作成されません。私はCoffeeScriptを初めて使用するので、これをデバッグする方法がわかりません。それは私が見逃している単純なものだと確信しています。

ありがとう！

4

4 に答える 4

1

単純な js ファイル (annual.js など) を使用している場合は、使用コードがあります。

jQuery(function() {
  return Morris.Line({
    element: 'annual',
    data: [
      {y: '2012', a: 100},
      {y: '2011', a: 80},
      {y: '2010', a: 75},
      {y: '2009', a: 70},
      {y: '2008', a: 65},
      {y: '2007', a: 60},
      {y: '2006', a: 55}
      ],
    xkey: 'y',
    ykeys: ['a'],
    labels: ['Series A']
  });
});

js をコーヒーに変換する場合 = http://js2coffee.org/

于 2014-10-01T10:13:42.557 に答える
0

CoffeeScript が適切にインデント (間隔) されていることを確認してください。

于 2013-10-16T19:55:06.373 に答える
0

//=ターボリンクを必要とするだけで削除するものはありません。これは問題によって解決されました

于 2015-05-05T06:10:05.483 に答える