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.pswp.cn/news/272836.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/272836.shtml
英文地址,請注明出處:http://en.pswp.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…