示例

代码

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js">
<script src="https://code.highcharts.com/modules/accessibility.js"></script></script><div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

CSS

#container {min-width: 310px;max-width: 800px;height: 400px;margin: 0 auto
}

JS

Highcharts.setOptions({colors: ['#C0C0C0', '#808080', '#0C090A']
});
Highcharts.chart('container', {chart: {plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie'},title: {text: 'Air Composition'},tooltip: {pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'},plotOptions: {pie: {allowPointSelect: true,cursor: 'pointer',dataLabels: {enabled: false},showInLegend: true}},series: [{name: 'Composition',colorByPoint: true,data: [{name: 'Nitrogen',//color: '#01BAF2',y: 78,}, {name: 'Oxygen',//color: '#71BF45',y: 20.9,sliced: true,selected: true}, {name: 'Other gases',//color: '#FAA74B',y: 1.1}]}]});

饼状图（pie chart）相关推荐

Web在jsp页面中生成柱状图，折线图，饼状图
一.前言在实际开发过程中,柱状图,折线图,饼状图在一些OA,ERP中是非常常见的功能,特别是需求方是业务型,数据分析型公司,下面的例子简单实现了饼状图,柱状图,折线图在jsp中生成.(ps:新手上路 ...
matplotlib——折线图，散点图，柱状图，饼状图
1.折线图--plot函数绘图 plot函数 matplotlib.pyplot.plot(*args,**kwargs) 参数名称说明 x,y 接收array.表示x轴和y轴对应的数据.无默认. ...
使用poi-tl导出动态word模板，包含折线图、柱状图、饼状图
1 依赖引入 <dependency> <groupId>com.deepoove</groupId> <artifa ...
Iocomp控件教程之Pie Chart——饼状图控件
Pie Chart--饼状图控件(Pie Chart)以饼状图形式显示每一个项目内容所占的百分比比重.在设计时.能够使用属性编辑器加入或者移除项目以及更改属性值.在执行时.使用AddItem,Remo ...
Python绘制节点是饼状图的社交网络图（Plot network with pie chart）
目录问题描述问题拆解数据准备绘图思路代码实现总结成图 network 性质参考问题描述专业描述:想要绘制一幅社交网络图,并且每个节点上绘制一个饼状图. 大白话:韩韩(楼主)有一天突 ...
highcharts入门之Pie：如何让Pie饼状图的图例内显示百分比（转）
有很多人都在询问如何在highcharts的pie 饼状图内显示百分比,通过不断琢磨最后得出了一个结论,只需要简单配置即可实现这样一个需求. 完整核心代码如下所示: $(function () {va ...
Frappe Chart ——折线图和饼状图
Frappe Chart --折线图和饼状图学习 1.请使用互联网上的图形工具(推荐: Frappe Chart)与以下中国历年GDP数据与世界主要各国军费预算.分别产生 Line chart与Pi ...
C# Winform Chart控件用法4之饼状图
1.拖chart控件在新建的窗口,命名chart1 2.源代码 using System; using System.Collections.Generic; using System.Compone ...
python画饼图存在的问题_python_使用matplotlib画饼状图（pie）
from matplotlib import pyplot as plt #调节图形大小,宽,高 plt.figure(figsize=(6,9)) #定义饼状图的标签,标签是列表 labels = ...

饼状图（pie chart）

饼状图

示例

代码

HTML

CSS

JS

饼状图（pie chart）相关推荐

最新文章

热门文章