javascript - Railsでフロートチャートを動作させるには?

Question

だから私は flot にチャートをレンダリングさせようとしていますが、うまく動作していないようです。これが私が今持っているものです：

<div class="col-md-6" style="width:600px;height:300px">
          <script src="http://cdnjs.cloudflare.com/ajax/libs/flot/0.8.1/jquery.flot.min.js"></script>
          <div id="flot-graph"></div>
            <script>
                $(function() {
                    var myData = [[1, 2010], [2, 2543], [3, 2520], [4, 2354]];

                    $.plot($("#flot-graph"), [
                        {
                            data: myData
                        }
                    ]);

                });
            </script>
        </div>

キャンバスを追加してページにdivを追加しているため、これは何かをしているように見えますが、まだ空白であり、実際には何もレンダリングしていません。

<div id="flot-graph" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative;">
    <canvas class="flot-base" style="direction: ltr; position: absolute; left: 0px; top:  0px;">
    </canvas>
</div>

flot-rails gem を使用し、flot パッケージを vendor/assets フォルダーに追加してみました (また、application.js で要求し、アセット パイプラインをリロードする必要があります) が、同じことが起こり、私はすでに気が狂っています。 .