Chart

Dependency-free SVG chart component supporting bar and line types with tooltips, axis labels, and optional goal lines.

Bar Chart

Steps

Line Chart

Revenue

// Bar chart with goal line
<?= $m->chart('stepsChart')
    ->type('bar')
    ->labels(['Mon', 'Tue', 'Wed', 'Thu', 'Fri'])
    ->series('Steps', [6500, 8200, 5100, 9300, 7400], '#2196F3')
    ->goal(8000, '#e74c3c', 'Goal')
    ->width(640)
    ->height(220) ?>

// Line chart
<?= $m->chart('revenueChart')
    ->type('line')
    ->labels(['Jan', 'Feb', 'Mar', 'Apr', 'May'])
    ->series('Revenue', [12000, 18500, 15200, 22100, 19800], '#4CAF50')
    ->width(640)
    ->height(220) ?>

PHP PHP Methods (Fluent)

Method / Property	Parameters	Description
`$m->chart($id)`	`string`	Create a chart component.
`->type($type)`	`string`	Chart type: `bar` or `line`.
`->labels($labels)`	`array`	X-axis category labels.
`->series($name, $values, $color)`	`string, array, ?string`	Add a data series. `$color` defaults to `#2196F3`.
`->width($w)`	`int`	SVG viewBox width in px (default: 640, min: 240).
`->height($h)`	`int`	SVG viewBox height in px (default: 220, min: 140).
`->yMax($max)`	`?float`	Override the automatic Y-axis maximum.
`->goal($value, $color, $label)`	`float, ?string, ?string`	Draw a horizontal goal/target line.