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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/272836.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【原创】C#中的抽象类(abstract class)和接口(interface)的比较

在C#中抽象类和接口是两个相当重要的概念&#xff0c;深入理解对C#程序员是非常必要的&#xff0c;现总结如下&#xff1a;一、抽象类的特点&#xff1a;1、抽象方法只用于方法的声明并不包含方法的实现&#xff0c;可以看作没有实现实体的虚方法。2、抽象类不能进行实例化。3、…

U3D 脚本添加和获得对象

有时候&#xff0c;一开始可能没有对象&#xff0c;而是由于某种触发&#xff0c;产生的一个对象&#xff0c;这里讲解下&#xff0c;如何通过脚本来创建一个对象&#xff1a; 这是通过脚本创建一个立方体&#xff1a; using UnityEngine; using System.Collections;public cla…

50条超精辟的经典语录:哗众,可以取宠,也可以失宠!

在人生道路上给自己定位很重要&#xff0c;不要苛求自己达到不可能达到的高度。我们能把每一件平凡的事做好就是不平凡&#xff0c;把每一件简单的事做成功就是不简单。1.我们只有一个地球&#xff0c;所以你要爱护地球&#xff1b;地球上只有一个我&#xff0c;所以你也要爱护…

java 时间工具类 大于_Java 时间工具类

1 /**2 * 格式化字符串为日期格式3 *4 *paramdateStr 需要格式化的字符串5 *paramformat 需要的日期格式&#xff0c;例如"yyyy-MM-dd HH:mm:ss"6 *return7 */8 public staticDate formatDate(String dateStr, String format) {9 SimpleDateFormat dateFormat newSi…

IP、TCP和DNS与HTTP的密切关系

看了上一篇博文的发表时间&#xff0c;是7月22日&#xff0c;现在是10月22日&#xff0c;已经有三个月没写博客了。这三个月里各种忙各种瞎折腾&#xff0c;发生了很多事情&#xff0c;也思考了很多问题。现在这段时间开始闲下来了&#xff0c;同时该思考的事情也思考清楚了&am…

C# 委托的理解

1、什么是委托委托可以理解为持有一个或多个方法的对象。如果执行委托的话&#xff0c;委托会执行它所"持有"的方法。委托可以避免程序中大量使用if-else语句&#xff0c;使程序拥有更好的扩展性。2、委托的本质委托和类一样&#xff0c;是一种用户自定义的类型&…

java基础判断题_java基础知识周测试题带答案

简单题(每题5分&#xff0c;共计50分)简述Java语言跨平台的原理Java跨平台的特性&#xff0c;也就是同一份字节码文件可以在不同的系统上执行&#xff0c;由不同系统中的Java虚拟机负责翻译成对应的机器指令。写出以下名词的概念和各自作用jre - Java运行时环境信息&#xff0c…

SQLSERVER 2008 R2版本密钥(摘)

开发版32位&#xff1a;MC46H-JQR3C-2JRHY-XYRKY-QWPVM开发版64位&#xff1a;FTMGC-B2J97-PJ4QG-V84YB-MTXX8工组版&#xff1a;XQ4CB-VK9P3-4WYYH-4HQX3-K2R6QWEB版&#xff1a;FP4P7-YKG22-WGRVK-MKGMX-V9MTM数据中心版32位&#xff1a;PTTFM-X467G-P7RH2-3Q6CG-4DMYB数据中…

java conf_JAVA 解析、编辑nginx.conf

最近工程开发遇到一个需求&#xff1a;用Java去解析并编辑nginx.conf解析nginx.conf过程可以参考该项目的README.md下面举个列子说明一下该如何编辑nginx.conf。定义一个pojoimportcom.alibaba.fastjson.JSONArray;importcom.google.common.base.Strings;importlombok.Data;Dat…

【原创】关于ASP.NET WebForm与ASP.NET MVC的比较

WebForm的理解1、 WebForm概念ASP.NETWebform提供了一个类似于Winform的事件响应GUI模型&#xff08;event-drivenGUI&#xff09;&#xff0c;隐藏了HTTP、HTML、JavaScript等细节&#xff0c;将用户界面构建成一个服务器端的树结构控件&#xff08;Control&#xff09;&#…

对象的接口

Simula(模拟) 是一个很好的列子。正如这个名字锁暗示的&#xff0c;它的作用是"模拟"像"银行出纳员"我们有一系列出纳员,客户,账户以及交易等 每类成员(元素)都有具有一些通用的特征,每个账号都有一定的余额;每个出纳都能接收客户的存款&#xff0c;等等。…

java color类 蓝色_java中Color类的简单总结

标签&#xff1a;java中Color类的简单总结1.颜色的常识任何颜色都是由三原色组成(RGB),JAVA中支持224为彩色&#xff0c;即红绿蓝分量取值介于0-255之间(8位表示)2.Color类中的常量public final static Color black new Color(0,0,0);public final static Color bule new Col…

C#中几种循环语法的比较

循环操作在程序开发当中使用非常的广泛&#xff0c;当然循环也很容易成为整个程序运行的性能瓶颈&#xff0c;所以理解C#中几种循环的用法&#xff0c;还是非常重要的。C#支持一下四种循环方式1、while循环2、do...while循环3、for 循环4、foreach循环前三种循环在C、Java中也是…

Eclipse基金会

昨天Eclipse基金会庆祝其成立十周年。2004年2月的新闻稿宣布该非盈利组织的正式成立&#xff0c;由包括开发者、消费者和插件提供商在内的各独立团体组成的董事会&#xff0c;为Eclipse的长期发展负责。 基金会成立时&#xff0c;有19个项目和50个董事会成员&#xff0c;其开源…

.Net架构必备工具列表

原文N多年前微软官网曾发了.Net下必备的十种工具&#xff0c;N多年过去了&#xff0c;世异时移&#xff0c;很多东西都已经变化了&#xff0c;那个列表也似乎陈旧了。而且&#xff0c;该文也只是对十种工具独立的介绍&#xff0c;显得有些罗列的感觉&#xff0c;是不是每个工具…

java scanner接收数组_java – 使用scanner将文件中的整数读入数组

我正在为学校做一份复习工作.赋值是编写一个类,它从标准输入读取一个包含几个整数的文件,这些整数将被放入一个数组中.从这里开始,需要编写方法来找出平均值,中位数,最大值,最小值和标准差.它读起来像这样&#xff1a;4556677889等等…所以,我假设我需要创建一个数组列表(因为长…

Asp.Net页面传值的方法简单总结【原创】

1、QueryString当页面上form按照get的方式向页面发送请求数据的时候&#xff0c;web server会将请求数据放入一个QEURY_STRING的环境变量中&#xff0c;然后通过QeueryString方法从这个变量中获取相应的参数。例如&#xff1a;发送参数页面Test1.aspx 按钮单击代码&#xff1a;…

关于archlinux下的ralink5370网卡

驱动此网卡要使用 rt2800usb&#xff0c;rt2800lib 这两个模块 顺便说一下对模块进行操作的命令&#xff1a; rmmod 模块名 //为移除模块 insmod 模块所在路径 //为添加模块 查看网卡是否能被驱动&#xff0c;可以使用命令&#xff1a;ifconfig -a 转载于:https://www.cnblogs.…

java xml 递归_Java递归遍历XML所有元素

import org.dom4j.Document;import org.dom4j.DocumentHelper;import org.dom4j.DocumentException;import org.dom4j.Element;import java.util.*;/*** Created by IntelliJ IDEA.* User: leizhimin* Date: 2008-4-14 14:02:12* Note: Java递归遍历XML所有元素*/public class …

【基础】C#异常处理的总结

一、异常处理的理解&#xff1f;异常处理是指程序在运行过程中&#xff0c;发生错误会导致程序退出&#xff0c;这种错误&#xff0c;就叫做异常。因此处理这种错误&#xff0c;就称为异常处理。二、异常处理如何操作&#xff1f;C# 异常处理时建立在四个关键词之上的&#xff…