webeweb / highcharts-bundle
此包已废弃,不再维护。未建议替代包。
将HighchartsJS与Symfony 2及其他集成
v1.9.0
2021-02-09 18:23 UTC
Requires
- php: ^5.6|^7.0
- ext-json: *
- symfony/framework-bundle: ^2.6|^3.0|^4.0
- symfony/translation: ^2.6|^3.0|^4.0
- twig/twig: ^1.0|^2.0
- webeweb/core-library: ^2.0
Requires (Dev)
- phpunit/phpunit: ^5.7|^7.0
- symfony/expression-language: ^2.6|^3.0|^4.0
README
重要通知:此包已不再维护。
highcharts-bundle
通过提供Twig扩展和PHP对象来简化在Symfony 2应用程序中使用highcharts显示丰富图表的过程,从而减轻了繁重的任务。该包包括优秀的JS库Highcharts。
将所有图表代码写入PHP以简化代码!
包含
兼容性
安装
打开命令行控制台,进入您的项目目录,并执行以下命令以下载此包的最新稳定版本
$ composer require webeweb/highcharts-bundle
此命令需要您已全局安装Composer,如Composer文档的安装章节中所述。
然后,将包添加到项目的app/AppKernel.php
文件中注册的包列表中,以启用该包
public function registerBundles() { $bundles = [ // ... new WBW\Bundle\HighchartsBundle\HighchartsBundle(), ]; // ... return $bundles; }
一旦添加了包,就执行以下操作
$ php bin/console assets:install
使用方法
在您的控制器...
// Prepare the data. $data = [["name" => "Female", "y" => 25 ], ["name" => "Male", "y" => 25], ["name" => "Unknown", "y" => 50]]; // Initialize the series. $series = [["colorByPoint" => true, "data" => $data, "name" => "Gender distribution"]]; // Initialize the chart. $chart = new HighchartsChart; $chart->newChart()->setType("pie"); $chart->newPlotOptions()->newPie() ->setAllowPointSelect(true) ->setCursor("pointer") ->setShowInLegend(true) ->newDataLabels()->setEnabled(true); $chart->setSeries($series); $chart->newTitle()->setText("Gender distribution"); $chart->newTooltip()->setPointFormat("{series.name}: <b>{point.percentage:.1f}%</b>"); return $this->render('::your_template.html.twig', [ 'chart' => $chart ]);
在您的模板...
<div id="Container"></div> {{ highchartsScript('highcharts') }} {{ highchartsScript('modules/exporting') }} {{ highchartsChart('Container', chart) }}
测试
为了测试这个包,最好在您的计算机上克隆这个仓库。打开命令行控制台,并执行以下命令以下载此包的最新稳定版本
$ git clone https://github.com/webeweb/highcharts-bundle.git
$ cd highcharts-bundle
$ composer install
一旦所有必要的库都安装好了,就执行以下操作
$ vendor/bin/phpunit
许可
highcharts-bundle
根据MIT许可发布。有关详细信息,请参阅捆绑的LICENSE文件。
请注意,Highcharts JS库**不**适用于商业用途,请参阅他们的常见问题解答以了解更多关于非商业项目的构成或他们的产品页面以获取有关定价的详细信息。