C3JS By phpanonymous (Mahmoud Ibrahim)

Installs: 916

Dependents: 0

Suggesters: 0

Security: 0

Stars: 5

Watchers: 2

Forks: 3

Open Issues: 0

Language:JavaScript

Type:package

0.0.10 2023-09-10 11:06 UTC

This package is auto-updated.

Last update: 2024-04-10 12:34:16 UTC


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