Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

Плагин flashChart Content

graphПытались ли вы когда-нибудь создать график или диаграмму в Joomla? Наверняка получалось не очень красиво, а то и вообще ничего не выходило. С помощью плагина flashChart Content можно создавать 2D и 3D графики, а также диаграммы различных видов! Данные для диаграммы можно указывать самому, брать из базы данных или удаленного сервера. Благодаря плагину, вы сможете решить задачу в построении графиков и диаграмм, а также сделать их привлекательными для посетителя, благодаря анимационным эффектам.

graph1

Возможности и преимущества плагина flashChart Content

  • 14 типов графиков и диаграмм с различными подтипами
  • 6 видов анимационных эффектов
  • Совместимость с большинством браузеров
  • Достаточно быстрый и легкий в освоении

Установка и настройка плагина

Загрузите и установите архив в Менеджере расширений (Установить/Удалить - joomla1.5). После этого перейдите в Менеджер плагинов и активируйте плагин flashChart Content, а также можно изменить некоторые его параметры:

  • graph2Default 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, тогда вы увидете пример графика и код для него.

demo

Добавить комментарий

Защитный код
Обновить

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...
     
  • Компонент JoomShopping. Товары и категории

    Валерий
    Здравствуйте. Мне очень нужна Ваша помощь. Как возможно сделать, чтобы форма заказа товара в joomshopping ...