MorrisJS PHP version for WP Bones
This package provides a simple way to use the MorrisJS library in your WordPress plugin.
Requirements
This package works with a WordPress plugin written with WP Bones framework library.
Installation
You can install third party packages by using:
php bones require wpbones/morris-phpI 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:
composer require wpbones/morris-phpYou may also to add "wpbones/morris-php": "~0.7" in the composer.json file of your plugin:
composer.json
"require": {
"php": ">=7.4",
"wpbones/wpbones": "~1.5",
"wpbones/morris-php": "~1.0"
},and run
composer installEnqueue for Controller
You can use the provider to enqueue the styles.
public function index()
{
// enqueue the minified version
Morris::enqueue();
// ...
}In your view:
your_view.php
<div id="morris-area"></div>
<?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 ]
] );
Nextra