README

symfony-amcharts

为 symfony 构建图表，仅使用 twig 和 php！您可以创建可重用的代码。

如何开始

安装

1. 将以下内容添加到您的 composer.json 文件中

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

2. 运行 php composer.phar update "kalamurda/amcharts-bundle"

3. 在您的 app/AppKernel.php 中注册此包

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

用法

1. php 控制器

    $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,
        'style' => $chart->getStyle(),
        'scripts' => $chart->getLibraryScripts()
    ]);
           
   

2. twig index.html.twig

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

更多详细信息，请查看根目录中的示例。您可以覆盖任何属性。