<?php // http://c3js.org/samples/simple_multiple.html require __DIR__ . '/../bootstrap.php'; $chart = new Astroanu\C3jsPHP\Chart(); $data = new Astroanu\C3jsPHP\Data(); $data->setColumns([['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20, 10, 40, 15, 25]]); $chart->setData($data); ?> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="https://rawgit.com/masayuki0812/c3/master/c3.css"> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.js"></script> </head> <body> <script type="text/javascript"> $(function(){ <?php $chart->render(); ?> }); </script> <div id="chart"></div> </body> </html>
<?php // http://c3js.org/samples/chart_bar.html require __DIR__ . '/../bootstrap.php'; $chart = new Astroanu\C3jsPHP\Chart(); $data = new Astroanu\C3jsPHP\Data(); $bar = new Astroanu\C3jsPHP\Charts\Bar(); $data->setColumns([['data1', 30, 200, 100, 400, 150, 250], ['data2', 130, 100, 140, 200, 150, 50]]); $data->setType(Astroanu\C3jsPHP\Data::TYPE_BAR); $bar->setWidthRatio('0:5'); $chart->setData($data); $chart->setBar($bar); ?> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="https://rawgit.com/masayuki0812/c3/master/c3.css"> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.js"></script> </head> <body> <script type="text/javascript"> $(function(){ <?php $chart->render(); ?> }); </script>
<?php // http://c3js.org/samples/timeseries.html require __DIR__ . '/../bootstrap.php'; $chart = new Astroanu\C3jsPHP\Chart(); $data = new Astroanu\C3jsPHP\Data(); $axis = new Astroanu\C3jsPHP\Axis(); $data->setX('x'); $data->setColumns([['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'], ['data1', 30, 200, 100, 400, 150, 250], ['data2', 130, 340, 200, 500, 250, 350]]); $axis->setXType(Astroanu\C3jsPHP\Axis::TYPE_TIMESERIES); $chart->setData($data); $chart->setAxis($axis); ?> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="https://rawgit.com/masayuki0812/c3/master/c3.css"> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.min.js"></script> </head> <body> <script type="text/javascript"> $(function(){ <?php $chart->render(); ?> }); </script>