ngx charts

ngx-чарты

Декларативная каркатная структура для Angular!

NGX-Charts уникальны, потому что мы не просто обертываем D3, ни какой-либо другой диаграммный двигатель в этом отношении. Он использует угловой для отображения и оживления элементов SVG со всеми его связыванием и скоростью, и использует D3 для превосходных математических функций, масштабов, оси и генераторов форм. Имея угловой, выполняя все визуализации, он открывает нас для бесконечных возможностей, которые обеспечивает угловая платформа, такие как AOT, SSR и т. Д.

Визуализация данных - это наука, но это не значит, что она должна быть уродливой. Одна из самых больших усилий, которые мы предприняли при создании этого проекта, - это сделать графики эстетически приятными. Стили также полностью настраиваются через CSS, так что вы можете переопределить их по своему усмотрению.

Кроме того, построение пользовательских диаграмм возможно путем использования различных компонентов NGX-диаграмм, которые подвергаются обнаженности через модуль NGX-диаграммы.

Для получения дополнительной информации ознакомьтесь с документацией и демонстрациями.

Функции

Типы диаграмм

• Горизонтальные и вертикальные барные схемы (стандартные, сгруппированные, сложенные, нормализованные)
• Линия
• Область (стандартная, сложенная, нормализованная)
• Пирог (взрываемое, сетка, индивидуальные легенды)
• Пузырь
• Пончик
• Датчик (линейный и радиальный)
• Тепловая карта
• ТРИМАП
• Номер карты
• Диаграмма Санки

Настройка

• Автоскалирование
• График фильтрации
• Линейная интерполяция
• Настраиваемые этикетки оси
• Легенды (этикетки и градиент)
• Усовершенствованное позиционирование этикетки
• Поддержка данных в реальном времени
• Усовершенствованные всплески инструментов
• Обработчики событий точки данных
• Работает с Ngupgrade

Установить

Чтобы использовать NGX-диаграммы в вашем проекте, установите его через NPM:

 npm i @swimlane/ngx-charts --save

Пользовательские диаграммы

Чтобы узнать, как использовать компоненты NGX-диаграмм для создания пользовательских диаграмм и найти примеры, пожалуйста, обратитесь к нашей странице пользовательских диаграмм.

Выпускать

• Master Cakeout ( git checkout master )
• Потянуть мастер ( git pull )
• Обновить модули узлов ( npm ci )
• Запустить тесты ( npm test )
• Проверьте журнал, чтобы определить следующую версию (xyz)
• Запустить git checkout -b release/XYZ
• Обновление версии в projects/swimlane/ngx-charts/package.json .
• Обновление изменений в projects/docs/changelog.md
• Run git commit -am "(release): XYZ"
• Запустить git tag XYZ
• Запустить git push origin HEAD --tags
• Запустить npm run publish:lib
• Отправить Pr

Кредиты

ngx-charts -это проект с открытым исходным кодом Swimlane; Мы верим в то, что возвращаем сообщество с открытым исходным кодом, поделившись некоторыми проектами, которые мы создаем для нашего приложения. Swimlane - это автоматизированная платформа операций по кибербезопасности и реагирования на инциденты, которая позволяет группам кибербезопасности использовать интеллект угроз, ускорить реакцию инцидентов и автоматизировать операции безопасности.

Secops Hub-это открытое, зависимое от продукта, онлайн-сообщество для специалистов в области безопасности, чтобы делиться идеями, вариантами использования, лучших практик и стратегий реагирования на инциденты.