kalamurda/amcharts-bundle

Symfony-bundle for building amcharts with php code

, _(*1)

symfony-amcharts

Already implemented charts:
3d funnel chart
funnel chart
combined bullet column line chart, _(*2)

AmCharts for symfony Build your chart with twig and php only! You can create reusable code., _(*3)

How to get started

Installation

1. Add the following to your composer.json file, _(*4)

      "require": {
          ...
          "kalamurda/amcharts-bundle": "dev-master@dev"
          ...
      }
   

2. Run php composer.phar update "kalamurda/amcharts-bundle", _(*5)

3. Register the bundle in your app/AppKernel.php:, _(*6)

   php <?php ... public function registerBundles() { $bundles = array( ... new \IK\AmChartsBundle\IKAmChartsBundle(), ... ); ..., _(*7)

Usage

1. phpController, _(*8)

   $preperadArr = [
       [
           'column1' => 5,
           'column2' => 9,
           'date' => '2017-06-01'
       ],[
           'column1' => 5,
           'column2' => 9,
           'date' => '2017-06-02'
       ],[
           'column1' => 5,
           'column2' => 9,
           'date' => '2017-06-03'
       ],
       ......
   ];
   
   $dataProvider = new DataProvider($preperadArr);
   
   $chart = new CombinedBulletColumnLineChart();
   $chart->setTheme('dark');
   $chart->setDataProvider($dataProvider);  
   
   return $this->render('default/index.html.twig', [
       'chart' => $chart
   ]);
   
   

2. twig index.html.twig, _(*9)

       ...
       <!-- Load jQuery from Google's CDN if needed -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
   
       {{ chart.libraryScripts.standart|raw }}
   
       <style>{{ chart.style }}</style>
       {{ chart.libraryScripts.theme|raw }}
       <script>{{ amchart(chart) }}</script>
   
       <div id="{{ chart.selector }}"></div>
       ...
   

for more details look examples in root directory. You can override any property., _(*10)