FORGOT YOUR DETAILS?

Как использовать сервис по созданию графиков Hohli.com

by / Monday, 13 August 2012 / Published in Web-решения

Как использовать сервис по созданию графиков Hohli.com

Интернет-ресурс Hohli предлагает удобный и функциональный сервис для онлайн создания диаграмм с применением инструментов API google chart.

Построение линейных диаграмм

Строить линейные диаграммы при помощи сервиса hohli.com очень легко! Вам достаточно будет ввести ряды данных. Например, попробуем построить диаграмму изменения курса евро и доллара к рублю за период с 01.04 по 18.04.

Выберите линейный тип диаграммы.

Установите необходимый размер, например, Horizontal 1000×300.

Введите ряды данных. После ввода каждого ряда нажимайте на кнопку «Save».

 

В окне предварительного просмотра должна появиться такая картинка:

Сверху от графика получился достаточно большой участок пустого пространства. Если хотите убрать его, измените параметр «Data Max Value» (максимальный размер данных).

Назовите диаграмму.

На диаграмме можно сделать оси. Для осей слева и снизу задайте параметры как на рисунках. Левая ось будет содержать значения курса валют, а нижняя — даты.

 

Сервис позволяет задавать цветной фон для всего изображения или для диаграммы.

Можно сделать заливку градиентом.

Полосатый фон:

Переключив флажок «Fill Area», можно заполнить пространство под графиком цветом.

Можно задать на диаграмме сетку.

Посмотреть диаграмму в полную величину можно, кликнув по окну с предварительным просмотром. Рисунок откроется в окне поверх основного. Сохранить изображение можно, щелкнув по нему правой кнопкой мыши и выбрав в открывшемся меню пункт «Сохранить изображение».

Сервис удобен тем, что позволяет вносить изменения, не вводя данные заново. Можете попробовать переключить тип диаграммы. Выберите, например, «Sparklines».

Создание столбовых диаграмм

Попробуйте с теми же данными создать столбовую диаграмму. Просто переключите тип диаграммы на «Bar Charts».

Все настройки оставьте прежними, только задайте необходимые параметры на вкладке «Bar options» (уберите флажок с «Use autoresizer», если хотите самостоятельно отрегулировать параметры для столбцов — ширину, расстояние).

Построение круговой диаграммы

Выберите тип «Pie Chart». Круговые диаграммы отображают соотношение частей целого в виде долей круга.

Предположим, есть группа, в которой мужчин 120, а женщин 100. Необходимо построить диаграмму, которая бы отражала соотношение представителей разных полов в группе. Первый ряд данных называем «men» и вводим «120, 100».

Второй ряд назовите «women» и введите «100, 120».

Готово! Можно переключить на «3D» тип.

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

Кольцевая диаграмма может содержать несколько рядов данных. Она отражает изменения вклада одного из параметров в целое.

Выберите «Concentric Pie charts». Предположим, есть данные по отношению завоеванных командой на соревнованиях медалей за 2010 и 2011 года к общему числу медалей. Вводим данные.

 

Результат будет приблизительно таким:

Построение лепестковой диаграммы

Установите тип «Radar Chart». Основным отличием этой диаграммы является то, что в качестве оси Х выступает окружность, а все значения откладываются на радиусах.

Можно, например, с помощью диаграммы представить изменения дохода компании в течение 12 месяцев. При работе с данным сервисом важно правильно указывать «Data Max Value» (не выставляйте большие значения, иначе ничего не будет видно). Вводим данные.

Задайте ось как на рисунке:

Диаграмма должна выглядеть приблизительно так:

Построение диаграммы Венна

Выберите тип «Venn diagramms». Диаграмма отражает отношения между множествами. Предположим, необходимо изобразить три пересекающихся множества. Вводим данные.

Первые три цифры задают соотношение размеров кругов, следующие три — область пересечения между ними. В окне предварительного просмотра появится такая картинка:

Если нужно сделать круги разноцветными, вводим еще два ряда данных.

Готово!

Можно поэкспериментировать с верхним рядом данных:

Теперь круги на диаграмме получились разного размера.

Построение диаграммы рассеяния

Выберите тип «Scatter plots». Диаграммы рассеяния позволяют отобразить зависимость между двумя рядами данных. Предположим, необходимо установить, существует ли зависимость между опытом работы сотрудника и оценкой, которую он получил за тест. Вводим данные.

 

Готово! На диаграмме видно, что зависимость, скорее всего, отсутствует.

Успехов в построении графиков!

Тест-драйв сервиса провела Ольга Тернова, портал Как сделать презентацию


TOP