Пытались ли вы когда-нибудь создать график или диаграмму в Joomla? Наверняка получалось не очень красиво, а то и вообще ничего не выходило. С помощью плагина flashChart Content можно создавать 2D и 3D графики, а также диаграммы различных видов! Данные для диаграммы можно указывать самому, брать из базы данных или удаленного сервера. Благодаря плагину, вы сможете решить задачу в построении графиков и диаграмм, а также сделать их привлекательными для посетителя, благодаря анимационным эффектам.
Возможности и преимущества плагина flashChart Content
- 14 типов графиков и диаграмм с различными подтипами
- 6 видов анимационных эффектов
- Совместимость с большинством браузеров
- Достаточно быстрый и легкий в освоении
Установка и настройка плагина
Загрузите и установите архив в Менеджере расширений (Установить/Удалить - joomla1.5). После этого перейдите в Менеджер плагинов и активируйте плагин flashChart Content, а также можно изменить некоторые его параметры:
Default width of chart - ширина по-умолчанию для графика (можно указывать в %)- Default height of chart - высота графика по-умолчанию (в пикселях)
- Numberformat - тип числового формата выбирается из выпадающего списка
- Number of decimal points - количество цифр, отображаемых после запятой (целого числа)
- select default chart type - выбор графика по-умолчанию
- Transparency - выбор прозрачности для элементов графика (0 - невидимый)
- Default animation for bar charts - выбор анимации для диаграмм
- Default animation for line charts - выбор анимации для линейных графиков
- Default animation for pie charts - включить/выключить анимацию для круговых диаграмм
- Add values to pie chart labels - показывать или нет метки для круговых диаграмм
- X-Axis in 3d-shape - включить или нет ось X для 3D-форм
- Different colors for bars - использовать или нет различные цвета для полос
- Default graph colors - цвета графика по-умолчанию
- Default background color - цвет фона графика по-умолчанию
- Default label fontcolor - цвет меток по-умолчанию
- Default fontsize for axis labels - размер шрифта по-умолчанию для осей
- Default fontsize for legend - размер шрифта по-умолчанию для текста
- Default x-axis color - цвет оси X по-умолчанию
- Default y-axis color - цвет оси Y по-умолчанию
- Default grid color - цвет вспомогательной сетки по-умолчанию
- CSS Style for Chart Title - указываются стили CSS для заголовка графика
- CSS Style for Tooltips - стили для всплывающих подсказок
- CSS style for axis legends - стили для осей
Optional Parameters:
- Enable conversion chart to Image - включить или нет возможность сохранения графика, как изображения
- Use flashChart's shadowbox - использовать или нет эффекты тени для графика
- Use POST/GET OFC Interface - использовать или нет интерфейс POST/GET
Database Name:
- Hostname of Database - имя базы данных
- Database Userid - имя пользователя базы данных
- Database Password - пароль для пользователя базы данных
Принцип работы плагина flashChart Content
Для того, чтобы вставить диаграмму в текст материала, нужно использовать определенные теги - {flashchart} {/flashchart}.
Однако это ещё не всё, нужно ведь задать параметры диаграммы и заголовок, простая диаграмма строится примерно так:
{flashchart data="50,60,70,80,90,60|109,120,100,130,,100" title="Bar Chart" type="bar_cylinder" bg_image="plugins/content/flashchart/images/powered_by.png" alpha="0.9"}Graph1{/flashchart}
- data - основные значения числовые или текстовые, по которым строится график
- title - заголовок графика
- type - указание типа графика, если он отличается от исходного (select default chart type)
- bg_image - можно установить фоновое изображение, указав путь
- alpha - степень прозрачности, если отличается от значения по-умолчанию
Между тегами {flashchar} указывается уникальное имя графика. Для того, чтобы вставить пример моего кода графика, нужно отключить визуальный редактор или перевести его в режим кода.
При просмотре DEMO, нажимайте на Sample, тогда вы увидете пример графика и код для него.
