4

Zingchart でいくつかのグラフを作成しようとしていますが、機能していないようです。bower install を使用してインストールしました。Web サイトでは、ディレクトリを確認する必要があると書かれています。

彼らのもの:

 bower_components
 -- zingchart
    -- zingchart.min.js
    -- modules
       -- ...
    -- custom
       -- ...

私の：

 bower_compentents
 -- zingchart
    -- client
       -- zingchart.min.js
       -- modules
          -- ...

標準チャートを作成したいときに発生するエラーは次のとおりです。

ReferenceError: zingchart が定義されていません

これは、チャートがレンダリングされるコード内の部分を指しています。

 zingchart.render({ 
        id:'chartDiv',
        data:chartData,
        height:400,
        width:600
    });

私はjavascriptと角度を使用しています。私は何を間違っていますか？

4

2 に答える 2

5

  1. HTMLファイルにスクリプトを含めていますか？

  2. アプリに zingchart モジュールを直接挿入していますか? 例 var app = angular.module('myapp', [ 'zingchart-angularjs' ]);

  3. スクリプトは .html で正しい順序になっていますか (順番にロードする必要があります) angular > zingchart > zingchart レンダリング コードです。

于 2015-11-02T16:15:53.330 に答える
5

あなたが経験したようにリポジトリのファイル構造が変更されたため、あなたが参照しているページは古くなっているようです。受け取ったエラーは、ファイルが HTML に正しく含まれていないことに関連しています。代わりに、次のように zingchart を含める必要があります<script src="bower_components/zingchart/client/zingchart.min.js"></script>。

ZingChart-AngularJS ディレクティブを確認しましたか? AngularJS を使用しているため、開発に役立つ可能性があります。

于 2015-11-02T18:25:31.543 に答える