Простая установка диаграмм AngularJs

Не должен требовать использования какого-либо менеджера пакетов, такого как Bower и т. д.

Должны быть четкие и простые инструкции о том, как добавить его в мое приложение.

Я очень спешу кое-что продемонстрировать. Я пробовал несколько, но были проблемы с установкой. График для чайников, пожалуйста ;-)

Мне нужны только гистограммы, все остальное бонус

Ответы (2)

Вы пробовали ZingChart? Он соответствует вашим требованиям.

  1. Не требует использования менеджера пакетов: вы можете загрузить его напрямую через GitHub .

  2. Диаграммы AngularJS: это библиотека диаграмм JavaScript, созданная с помощью ванильного JavaScript. Тем не менее, команда разработала директиву Angular для использования разработчиками. В строке он позволяет отображать диаграммы, просто добавляя объект конфигурации ZingChart в качестве переменной области.

  3. Четкие инструкции: краткое руководство на странице GitHub состоит из 4 шагов.

Я в команде ZingChart, поэтому, если у вас есть вопросы, обращайтесь.

Спасибо, Меррили, я приступил http://jtblin.github.io/angular-chart.jsк работе. Тем не менее, я рассмотрю ZIng. Я посмотрел на него ранее, нашел, что это дорого, но понял, что есть бесплатная версия с брендированием. Думаю, мне нужно проверить, насколько отвлекает брендинг.

Я хотел бы порекомендовать dangle.js. Он с открытым исходным кодом и довольно прост в использовании. Он включает в себя отличное руководство и основан на D3.js. Он использует Angular.js и не требует таких приложений, как Bower. Он включает в себя довольно много графиков, включая гистограммы.

Dangle.js ( с открытым исходным кодом )

Набор директив AngularJS, обеспечивающих общую визуализацию на основе D3.

Dangle предоставляет директивы, позволяющие создавать визуализацию ваших данных. Вы можете легко привязать результат запросов к элементам HTML. Когда результаты обновятся, ваши визуализации также обновятся. Вы можете создавать мощные интерактивные приложения, используя всего несколько строк HTML.

Визуализации создаются с помощью SVG, поэтому их размер можно полностью изменить, и они отлично работают на любом устройстве (настольном или мобильном). Однако, поскольку мы используем SVG, вам потребуется современный браузер (любой текущий браузер, включая IE > 8).

Пример гистограммы Dangle.js

Выглядит хорошо (+1). Мне очень нравится внешний вид D3JS, но я думаю, что мне нужно выяснить, какая оболочка имеет больше всего типов диаграмм (или как создать свои собственные директивы).
Ваша ссылка не работает. Но я нашел проект на github.com/fullscale/dangle ОДНАКО, его демонстрационная ссылка не работает, поэтому я не знаю, активно ли поддерживается проект. Хм, последний коммит был 4 марта 2013 :-(
Хороший улов, я больше не уверен в библиотеке, я удалил неработающую ссылку.
Если будет стабильно, то буду еще пользоваться. Я не ожидаю новых функций, но ожидаю исправления любых ошибок, которые я нахожу.
Простая установка диаграмм AngularJs
СпросиСетьПолитика конфиденциальности1y, 0v