0

こんにちはスタックオーバーフローの人々。

テスト小枝ビューで JavaScript グラフを使用しようとしています。これはビューです：

    <h1>test</h1>
{% javascripts '@AcmeFooBundle/Resources/public/js/*' %}
  <script src="{{ asset_url }}"  type="text/javascript">
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer", {

  title:{
    text: "Fruits"              
  },
  data: [//array of dataSeries              
    { //dataSeries object

     /*** Change type "column" to "bar", "area", "line" or "pie"***/
     type: "column",
     dataPoints: [
     { label: "banana", y: 18 },
     { label: "orange", y: 29 },
     { label: "apple", y: 40 },                                    
     { label: "mango", y: 34 },
     { label: "grape", y: 24 }
     ]
   }
   ]
 });

chart.render();
  }


     </script>
      <script type="text/javascript" src="{{ asset_url }}"></script>
      {% endjavascripts %}

      <body>
      <div id="chartContainer" style="height: 300px; width: 100%;">
      </div>
    </body>

問題は、次のエラー メッセージが返されるため、javascript ライブラリがインストールされていないことです。

テンプレートのコンパイル中に例外がスローされました (「PreditBundle:Default:test.html.twig で {% javascripts %} タグを使用するには、PreeditBundle を assetic.bundle 構成に追加する必要があります。」) :test.html.twig".

私が試したこと：

-ページ「資産管理にasseticを使用する方法」を順を追って説明します -コンソールコマンドを使用します: assets:install および assetic:dump

回答ありがとうございます

4

2 に答える 2