Главная


JsChartWidget

jQuery plugin http://www.chartjs.org

Исходный код

Исходный код - JsChartWidget

Базовое использование

В PHP
echo JsChartWidget::widget([
    'label' => 'Навыки разработчика',
    'data' => [
        'PHP' => [
            'value' => '1000',
            'color' => '#af66ff',
        ],
        'JS' => [
            'value' => '400',
            'color' => '#d9e693',
        ],
        'HTML' => [
            'value' => '200',
            'color' => '#93e69d'
        ],
    ]
]);

Доступные параметры виджета

Параметр Тип Описание
height string Строка представляющая ширину диаграммы
width string Строка представляющая высоту диаграммы
type string Тип диаграммы см документацию плагина
label string Заголовок диаграммы
borderWidth string Ширина полей диаграммы
data array Данные по которым будет построена диаграмма. Каждый ключ элемента массива data - будет заголовком. Каждое значение value - значение точки диаграммы, color - цвет диаграммы