Угловые диаграммы Google - Обзор

Google Charts- это библиотека диаграмм на основе чистого JavaScript, предназначенная для улучшения веб-приложений за счет добавления интерактивных возможностей построения диаграмм. Он поддерживает широкий спектр диаграмм. Диаграммы рисуются с использованием SVG в стандартных браузерах, таких как Chrome, Firefox, Safari, Internet Explorer (IE). В устаревшем IE 6 для рисования графики используется VML.

angular-google-charts- это оболочка на основе Angular с открытым исходным кодом для Google Charts, которая обеспечивает элегантную и многофункциональную визуализацию Google Charts в приложении Angular и может легко использоваться вместе с компонентами Angular. Есть главы, в которых обсуждаются все основные компоненты Google Charts с подходящими примерами в приложении Angular.

Особенности

Ниже приведены основные функции библиотеки Google Charts.

  • Compatability - Работает безупречно во всех основных браузерах и мобильных платформах, таких как Android и iOS.

  • Multitouch Support- Поддерживает мультитач на платформах с сенсорным экраном, таких как Android и iOS. Идеально подходит для смартфонов / планшетов на базе iPhone / iPad и Android.

  • Free to Use - Открытый исходный код и бесплатное использование в некоммерческих целях.

  • Lightweight - основная библиотека loader.js, очень легкая библиотека.

  • Simple Configurations - Использует json для определения различных конфигураций диаграмм и очень прост в изучении и использовании.

  • Dynamic - Позволяет изменять график даже после его создания.

  • Multiple axes- Не ограничивается осями x, y. Поддерживает несколько осей на диаграммах.

  • Configurable tooltips- Всплывающая подсказка появляется, когда пользователь наводит курсор на любую точку графика. googlecharts предоставляет встроенное средство форматирования всплывающих подсказок или средство форматирования обратного вызова для программного управления всплывающей подсказкой.

  • DateTime support- Специально обрабатывайте дату и время. Предоставляет многочисленные встроенные средства управления категориями по дате.

  • Print - Распечатать диаграмму с помощью веб-страницы.

  • External data- Поддерживает динамическую загрузку данных с сервера. Обеспечивает контроль над данными с помощью функций обратного вызова.

  • Text Rotation - Поддерживает вращение этикеток в любом направлении.

Поддерживаемые типы диаграмм

Библиотека Google Charts предоставляет следующие типы диаграмм:

Sr. No. Тип диаграммы / Описание
1

Line Charts

Используется для рисования диаграмм на основе линий / сплайнов.

2

Area Charts

Используется для рисования диаграмм по площади.

3

Pie Charts

Используется для рисования круговых диаграмм.

4

Sankey Charts, Scatter Charts, Stepped area charts, Table, Timelines, TreeMap, Trendlines

Используется для рисования разрозненных диаграмм.

5

Bubble Charts

Используется для рисования пузырьковых диаграмм.

6

Dynamic Charts

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

7

Combinations

Используется для рисования комбинаций различных диаграмм.

8

3D Charts

Используется для рисования трехмерных диаграмм.

9

Angular Gauges

Используется для рисования диаграмм типа спидометра.

10

Heat Maps

Используется для рисования тепловых карт.

11

Tree Maps

Используется для рисования древовидных карт.

В следующих главах мы собираемся подробно обсудить каждый тип вышеупомянутых диаграмм с примерами.

Лицензия

Google Charts имеет открытый исходный код и бесплатен для использования. Перейдите по ссылке - Условия использования .