wpbones/morris-php

WPBones fluent PHP helper classes for morris.js

MorrisJS PHP version for WP Bones

This package provides a simple way to use the MorrisJS library in your WordPress plugin., _(*1)

, _(*2)

Requirements

This package works with a WordPress plugin written with WP Bones framework library., _(*3)

Installation

You can install third party packages by using:, _(*4)

```sh copy php bones require wpbones/morris-php, <sub>(*5)</sub>

I advise to use this command instead of `composer require` because doing this an automatic renaming will done.

You can use composer to install this package:

```sh copy
composer require wpbones/morris-php

You may also to add "wpbones/morris-php": "~0.7" in the composer.json file of your plugin:, <sub>(*6)</sub>

```json copy filename="composer.json" {4} "require": { "php": ">=7.4.0", "wpbones/wpbones": "~1.5", "wpbones/morris-php": "~1.1" },, <sub>(*7)</sub>

and run

```sh copy
composer install

Enqueue for Controller

You can use the provider to enqueue the styles., <sub>(*8)</sub>

```php copy use WPKirk\Http\Controllers\Controller; use WPKirk\MorrisPHP\Morris;, <sub>(*9)</sub>

class MorrisPHPController extends Controller { public function index() {, <sub>(*10)</sub>

Morris::enqueue();

return WPKirk()
  ->view('packages.morris-php.index')
  ->withAdminStyle('prism')
  ->withAdminScript('prism')
  ->withAdminStyle('wp-kirk-common');

} }, <sub>(*11)</sub>

In your view:

```php copy filename="your_view.php" copy






<?php

echo Morris::area( 'morris-area' )
           ->xkey( [ 'y' ] )
           ->ykeys( [ 'a', 'b' ] )
           ->labels( [ 'Series A', 'Series B' ] )
           ->hoverCallback( 'function(index, options, content){var row = options.data[index];return "sin(" + row.x + ") = " + row.y;}' )
           ->data( [
                     [ "y" => '2006', "a" => 100, "b" => 90 ],
                     [ "y" => '2007', "a" => 75, "b" => 65 ],
                     [ "y" => '2008', "a" => 50, "b" => 40 ],
                     [ "y" => '2009', "a" => 75, "b" => 65 ],
                     [ "y" => '2010', "a" => 50, "b" => 40 ],
                     [ "y" => '2011', "a" => 75, "b" => 65 ],
                     [ "y" => '2012', "a" => 100, "b" => 90 ]
                   ] );