Yii 2.0: yii2-highcharts-widget创建饼状图

安装

The preferred way to install this extension is through composer.

项目根目录下执行：

php composer.phar require --prefer-dist miloschuman/yii2-highcharts-widget "*"

或者在composer.json中添加

"miloschuman/yii2-highcharts-widget": "*"

后执行composer update.

使用

在view视图中使用该widget：

use miloschuman\highcharts\Highcharts;

描绘饼状图（此处有两种写法，options中的参数可以为数组形式也可以为json格式，格式大致与highcharts中的例子：http://www.hcharts.cn/test/index.php?from=demo&p=39 格式对应）：

                   echo Highcharts::widget(['options'=>'{"chart": {"plotBackgroundColor": null,"plotBorderWidth": null,"plotShadow": false},"title": {"text": "Browser market shares at a specific website, 2010"},"tooltip": {"pointFormat": "{series.name}: <b>{point.percentage:.1f}%</b>"},"plotOptions": {"pie": {"allowPointSelect": true,"cursor": "pointer","dataLabels": {"enabled": true,"color": "#000000","connectorColor": "#000000","format": "<b>{point.name}</b>: {point.percentage:.1f} %"}}},"series": [{"type": "pie","name": "Browser share","data": [["Firefox",   45.0],["IE",       26.8],{"name": "Chrome","y": 12.8,"sliced": true,"selected": true},["Safari",    8.5],["Opera",     6.2],["Others",   0.7]]}]}']);

转载于:https://www.cnblogs.com/seafood/p/yii2-highcharts-widget.html

Yii 2.0: yii2-highcharts-widget创建饼状图相关推荐

highcharts实现3D饼状图
刚接触前端的时候作图大多数时候都用echarts,但今天项目中一个需求是要实现3D的饼状图,所以转向highcharts来实现,具体实现过程如下. 首先要引入所需的js文件,在官网详细说明该引入那些j ...
Java poi XWPFDocument 操作2007Word，实现参数替换、新增插入替换表格数据、创建饼状图、柱形图、折线图
工作中经常会用到 Apache POI去操作Word文档,自己整理了一个工具类,简单实用,其中包含了新建标题.段落.表格.饼图.柱形图.折线图等方法.先上效果图在pom文件中引入依赖 <dep ...
封装构造函数，用canvas写饼状图和柱状图
封装构造函数,用canvas写饼状图和柱状图封装函数 // 场景 function XDLScence( options ) {this.stage = options.stage;//执行场景的初 ...
mysql 统计做饼状图_PHP+mysql+Highcharts实现饼状统计图
Mysql 首先我们建一张・chart_pie・表作为统计数据. -- edit http://www.lai18.com -- 表的结构 `chart_pie` -- CREATE TABLE IF ...
Java创建柱状图及饼状图
Java创建图表其实还是很方便的,但是要引入相关的jar包.如下 jfreechart.jar jcommon,jar gnujaxp.jar 其中最主要的是jfreechart.jar. 下面就让我 ...
highcharts入门之Pie：如何让Pie饼状图的图例内显示百分比（转）
有很多人都在询问如何在highcharts的pie 饼状图内显示百分比,通过不断琢磨最后得出了一个结论,只需要简单配置即可实现这样一个需求. 完整核心代码如下所示: $(function () {va ...
mysql 统计做饼状图_使用Highcharts结合PHP与Mysql生成饼状图
我们在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系 ...
jasper(二)：制作饼状图和柱状图
在新建一个框架之后我们也是要执行 add dataset,来添加一个链接数据库的语句,因为这是个饼状图,所以要用group by 全部放入右边的框架点完成接下来,就是要创建饼状图,就要点击窗口 ...
用php怎么输出饼状图,php绘图之生成饼状图的方法_PHP
本文实例讲述了php绘图之生成饼状图的方法.分享给大家供大家参考.具体如下: 这里要实现的功能是人口分布比例图,由扇形组成一个圆,每个扇形颜色不一样. 代码如下: $array = array(&qu ...

Yii 2.0: yii2-highcharts-widget创建饼状图

安装

Yii 2.0: yii2-highcharts-widget创建饼状图相关推荐

最新文章

热门文章