Использование Google Диаграмм

визуализация вступительная иллюстрация

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

Наиболее распространенный способ использования Google Charts — это простой JavaScript, который вы встраиваете в свою веб-страницу. Вы загружаете некоторые библиотеки Google Chart, перечисляете данные для диаграммы, выбираете параметры для настройки диаграммы и, наконец, создаете объект диаграммы с выбранным вами идентификатором . Затем, позже на веб-странице, вы создаете <div> с этим идентификатором для отображения Google Chart.

Это все, что вам нужно, чтобы начать .

Диаграммы представлены как классы JavaScript, а Google Charts предоставляет множество типов диаграмм, которые вы можете использовать. Внешний вид по умолчанию, как правило, будет всем, что вам нужно, и вы всегда можете настроить диаграмму в соответствии с внешним видом вашего веб-сайта. Диаграммы очень интерактивны и отображают события , которые позволяют вам соединить их для создания сложных информационных панелей или других функций, интегрированных с вашей веб-страницей . Диаграммы визуализируются с использованием технологии HTML5/SVG для обеспечения кросс-браузерной совместимости (включая VML для более старых версий IE) и кросс-платформенной переносимости на iPhone, iPad и Android. Вашим пользователям никогда не придется возиться с плагинами или любым программным обеспечением. Если у них есть веб-браузер, они могут видеть ваши графики.

Все типы диаграмм заполняются данными с помощью класса DataTable , что позволяет легко переключаться между типами диаграмм, когда вы экспериментируете, чтобы найти идеальный внешний вид. DataTable предоставляет методы для сортировки, изменения и фильтрации данных и может быть заполнен непосредственно с вашей веб-страницы, базы данных или любого поставщика данных, поддерживающего протокол источника данных инструментов для работы с диаграммами . (Этот протокол включает язык запросов, подобный SQL, и реализуется Google Spreadsheets, Google Fusion Tables и сторонними поставщиками данных, такими как SalesForce. Вы даже можете реализовать протокол на своем собственном веб-сайте и стать поставщиком данных для других служб.)

Готовы создать свой первый график? Посетите быстрый старт .

Наши инструменты постоянно совершенствуются, чтобы лучше соответствовать вашим потребностям; мы полагаемся на ваши отзывы, чтобы помочь нам определить приоритеты, какие функции включить. Присоединяйтесь к нашей дискуссионной группе .