Zingchart: не получается заставить его работать? Ошибка ссылки: zingchart не определен

Я пытаюсь построить несколько диаграмм с помощью Zingchart, но, похоже, мне не удается заставить его работать. Я установил его с помощью bower install. На веб-сайте говорится, что вам нужно проверить свой каталог, и я действительно вижу, что мой каталог отличается от того, что они показывают.

Их:

 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 и angular. Что я делаю неправильно?


javascript zingchart
person AnniekJ    schedule 02.11.2015    source источник

Ответы (2)


arrow_upward
5
arrow_downward

  1. Are you including the script in your html file?

  2. Are you direct injecting the zingchart module into your app? e.g. var app = angular.module('myapp', [ 'zingchart-angularjs' ]);

  3. Расположены ли ваши скрипты в правильном порядке в вашем .html (должны быть загружены по порядку) angular> zingchart> ваш код рендеринга zingchart.

person ucsarge    schedule 02.11.2015

arrow_upward
5
arrow_downward

Похоже, что страница, на которую вы ссылаетесь, устарела, поскольку структура файлов репозитория изменилась, как и вы. Ошибка, которую вы получаете, связана с тем, что файл неправильно включен в ваш html. Вместо этого вы должны включить zingchart следующим образом: <script src="bower_components/zingchart/client/zingchart.min.js"></script>.

Вы ознакомились с директивой ZingChart-AngularJS? Это может быть полезно в вашей разработке, так как вы используете AngularJS

person mike-schultz    schedule 02.11.2015