wpbones/morris-php

为 morris.js 提供的 WPBones fluent PHP 辅助类

维护者

详细信息

github.com/wpbones/morris-php

主页

源代码

问题

安装次数: 88

依赖者: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

1.0.13 2024-04-09 16:23 UTC

Requires

  • php: >=7.2

MIT 209c1c9861549e169aaa8a124db120bdcf4eca02

phpjavascriptchartsmorris

This package is auto-updated.

Last update: 2024-09-20 07:24:02 UTC

README

Latest Stable Version Latest Unstable Version Total Downloads License Monthly Downloads

此包提供了一种简单的方法，在您的 WordPress 插件中使用 MorrisJS 库。

MorrisJS PHP version for WP Bones

要求

此包与使用 WP Bones 框架库 编写的 WordPress 插件兼容。

安装

您可以使用以下命令安装第三方包

php bones require wpbones/morris-php

我建议使用此命令而不是 composer require，因为这样做会自动重命名。

您可以使用 composer 安装此包

composer require wpbones/morris-php

您也可以将 "wpbones/morris-php": "~0.7" 添加到您的插件 composer.json 文件中

  "require": {
    "php": ">=7.4.0",
    "wpbones/wpbones": "~1.5",
    "wpbones/morris-php": "~1.0"
  },

并运行

composer install

控制器排程

您可以使用提供者排程样式。

public function index()
{
  // enqueue the minified version
  Morris::enqueue();

  // ...

}

在您的视图中

<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 ]
                   ] );