定制 phpanonymous/c3js 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

phpanonymous/c3js

最新稳定版本:0.0.10

Composer 安装命令:

composer require phpanonymous/c3js

包简介

C3JS By phpanonymous (Mahmoud Ibrahim)

README 文档

README

c3js charts and graph easy way to make Chart with C3js #Free Package To Make Your KPI and Charts By PHPanonymous (Mahmoud Ibrahim)

alt text

installation

composer require phpanonymous/c3js

publish provider

php artisan vendor:publish --provider="Phpanonymous\C3JS\C3JSProvider" or
php artisan vendor:publish and choose c3js package number in your list

usage

provide this on your header make sure to use jquery library {!! C3js::c3jAsset() !!}

widget

this example to how to make your first chart

use the C3js::widget static function

use Phpanonymous\C3JS\C3js;
$chart_1 = C3js::widget([
'bindto'   => "#chartJs",
'data'     => [
	'x'       => 'x',
	'columns' => [
		['x', '2016-01-01', '2016-02-01', '2016-03-01', '2016-04-01', '2016-05-01', '2016-06-01'],
		['data1', 30, 200, 100, 400, 150, 250],
		['data2', 50, 20, 10, 40, 15, 25],
	],
	'types'  => [
		'data1' => 'bar',
		'data2' => 'bar',
	],
],

'axis'        => [
	'y'          => [
		'label'     => [
			'text'     => 'Y Label',
			'position' => 'outer-middle',
		],
	],
	'x'        => [
		'type'    => 'timeseries',
		'tick'    => [
			'format' => '%Y-%m-%d',
		],
		'label'     => [
			'text'     => 'X Label',
			'position' => 'outer-middle',
		],
	],
],

]);

this package based on c3js library

https://c3js.org/

this is demo package is beta not released just soon we are publish release version 1

统计信息

  • 总下载量: 1.05k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 5
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 5
  • Watchers: 1
  • Forks: 3
  • 开发语言: JavaScript

其他信息

  • 授权协议: MIT
  • 更新时间: 2020-06-27