jaxon-php/jaxon-flot

Javascript charts for Jaxon with the Flot library

Javascript charts for Jaxon with Flot

Javascript charts for Jaxon with the Flot library. http://www.flotcharts.org, _(*1)

Installation

Install this package with Composer., _(*2)

"require": {
    "jaxon-php/jaxon-flot": "^5.0"
}

Usage

Create a new plot to be displayed in a div with a given id, eg. "flot-container"., _(*3)

    $plot = $response->flot->plot('#flot-container');

Add a graph in the plot, and set its parameters., _(*4)

    $graph = $plot->graph(['label' => 'Plot example', 'lines' => ['show' => true]]);

The options are defined in the API docs., _(*5)

Set the graph data using an array of points., _(*6)

    $graph->series()->points([[0, 3], [4, 8], [8, 5], [9, 13]]);

Or a javascript expression., _(*7)

    $graph->series()->expr(0, 14, 0.5, 'Math.sqrt(x * 10)');

Optionally, set the xaxis labels., _(*8)

    $ticks = [];
    for($i = 0; $i < 10; $i++) $ticks[] = [$i, 'Pt' . $i];
    $plot->xaxis()->points($ticks);

Optionally, set the dimensions of the plot. If the dimensions are not set here, make sure they are in HTML or CSS code. The Flot library requires the container to have width and height set., _(*9)

    $plot->width('600px')->height('300px');

Finally, draw the graph., _(*10)

    $response->flot->draw($plot);

You can add as many graphs as you need in a single plot, and you can draw many plots in a single page., _(*11)

Contribute

• Issue Tracker: github.com/jaxon-php/jaxon-flot/issues
• Source Code: github.com/jaxon-php/jaxon-flot

License

The project is licensed under the BSD license., _(*12)