Chart.js-PHP

KO | EN

gitlite — search

#hacktoberfest #react #ai #go #deep-learning #linux #docker #macos #java #awesome #kubernetes #vue #openai #open-source

(★ 18)

A PHP wrapper for nnnick/Chart.js

Chart.js-PHP 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[NOT MAINTAINED] Chart.js-PHP
============
Adam is now maintaining an updated version on https://github.com/Ejdamm/Chart.js-PHP, please use this one!

A PHP wrapper for nnnick/Chart.js

When using a lot of charts in a project, we need to write a lot of code.

This small PHP wrapper use `data-attributes` to load chart with Chart.js with less code.

## Charts implemented
* Line
* Bar
* Radar
* Polar Area
* Pie & Doughnut

## How to use
Include Chart.js and chart.js-php.js before the end of your body (change src according to your project)
```html
<html>
  <body>
    
    
    
    <script src="js/Chart.js"></script>
    <script src="js/chart.js-php.js"></script>
  </body>
</html>
```

Load ChartJS-PHP classes or use an autoloader
```php
require 'class/ChartJS.php';
require 'class/ChartJS_Line.php';
```

Then, create your charts using PHP. 
```php
$Line = new ChartJS_Line('example', 500, 500);
$Line->addLine(array(1, 2, 3, 4));
$Line->addLabels(array('A label', 'Another', 'Another one', 'The last one'));

// Echo your line
echo $Line;
?>
```

Finally, load these charts with a small piece of javascript when your document is ready
```js
// Pure JS document.ready
(function() {
  loadChartJsPhp();
})();
```

## Advanced use (colors, etc)
Have a look at the wiki (soon)

## Full example
```php
<?php
require 'class/ChartJS.php';
require 'class/ChartJS_Line.php';

$Line = new ChartJS_Line('example', 500, 500);
$Line->addLine(array(1, 2, 3, 4));
$Line->addLabels(array('A label', 'Another', 'Another one', 'The last one'));

?><!DOCTYPE html>
<html>
  <head>
    <title>Chart.js-PHP</title>
  </head>
  <body>
    <?php
      echo $Line;
    ?>		
    <script src="Chart.js"></script>
    <script src="chart.js-php.js"></script>
    <script>
      (function() {
        loadChartJsPhp();
      })();
    </script>
  </body>
</html>
```

## Contributing
Do not hesitate to edit or improve my code with bugfix and new functionnalities !

Chart.js-PHP

Chart.js-PHP 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Chart.js-PHP

Chart.js-PHP 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README