$(function () {
var chart;
var totalMoney=50000
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'pie_chart',
plotBackgroundColor: 'white',//背景颜色
plotBorderWidth: 0,
plotShadow: false
},
title: {
text: 'Total:$'+totalMoney,
verticalAlign:'bottom',
y:-60
},
tooltip: {//鼠标移动到每个饼图显示的内容
pointFormat: '{point.name}: <b>{point.percentage}%</b>',
percentageDecimals: 1,
formatter: function() {
return this.point.name+':$'+totalMoney*this.point.percentage/100;
}
},
plotOptions: {
pie: {
size:'60%',
borderWidth: 0,
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000',
distance: -50,//通过设置这个属性,将每个小饼图的显示名称和每个饼图重叠
style: {
fontSize: '10px',
lineHeight: '10px'
},
formatter: function(index) {
return '<span style="color:#00008B;font-weight:bold">' + this.point.name + '</span>';
}
},
padding:20
}
},
series: [{//设置每小个饼图的颜色、名称、百分比
type: 'pie',
name: null,
data: [
{name:'Base salary',color:'#3DA9FF',y:65},
{name:'Health insurance',color:'#008FE0',y:20},
{name:'Company matched',color:'#00639B',y:10},
{name:'Others',color:'#CBECFF',y:5}
]
}]
});
});
});
相关推荐
JavaScript绘制曲线、圆形饼图实例
软件介绍: VC++利用MSchart输出柱状图、拆线图、饼图实例04439392MSChart是微软推出的基于图形显示的ActiveX控件,可以用来绘制各种数字统计图表。比如折线图、柱状图和饼状图等,本小例子就是VC++利用MSchart输出...
VC++ 利用MSchart输出柱状图、拆线图、饼图实例 MSChart是微软推出的基于图形显示的ActiveX控件,可以用来绘制各种数字统计图表。比如折线图、柱状图和饼状图等,本小例子就是VC++利用MSchart输出柱状图、拆线图等...
【ASP.NET编程知识】ASP.Net页面生成饼图实例.docx
VC++利用MSchart输出柱状图、拆线图、饼图实例源码.zip
这是七张数据分析PPT饼图实例模板,第一PPT模板网提供免费下载; 本组幻灯片饼状图,均为可编辑数据样式,非图片格式。如果你的PPT需要插入饼状图,那么您只需双击图标进行数据项的修改即可; 关键词:数据统计,...
NULL 博文链接:https://sarin.iteye.com/blog/1149851
//Set visible map extents map.Center = new SharpMap.Geometries.Point(centerX, centerY); map.Zoom = Zoom; //Generate map System.Drawing.Bitmap img = (System.Drawing.Bitmap)map.GetMap();...
这是用VC++编写的MFC柱状图、折线图、饼状图
这是七张数据分析PPT饼图实例模板,第一PPT模板网提供免费下载; 本组幻灯片饼状图,均为可编辑数据样式,非图片格式。如果你的PPT需要插入饼状图,那么您只需双击图标进行数据项的修改即可; 关键词:数据统计,...
本文实例讲述了ASP.Net页面生成饼图的方法。分享给大家供大家参考。具体实现方法如下: 1.生成普通饼图: 代码如下:using System; using System.Collections.Generic; using System.Drawing; using System.Drawing....
饼图是许多人最熟悉的图表类型,也是使用频率最高的图表类型之一,本文主要给大家介绍了关于利用kotlin实现饼图的相关内容,分享出来供大家参考学习,代码不难,所以打算用kotlin来实现,增加熟练度,下面来一起看看...
这是用C#写的一个实现饼图的源码实例,希望对大家有帮助
实例212 如何根据数据库表显示饼图 实例213 如何根据数据库表绘制条形图 实例214 如何动态绘制数据库图表 实例215 如何设置多重群组的打印报表 实例216 如何编写商业决策分析程序 实例217 如何导出对象库中的...
实例212 如何根据数据库表显示饼图 实例213 如何根据数据库表绘制条形图 实例214 如何动态绘制数据库图表 实例215 如何设置多重群组的打印报表 实例216 如何编写商业决策分析程序 实例217 如何导出对象库中的...
本文是从matplotlib官网上摘录下来的一个实例,实现的功能是Python+matplotlib绘制自定义饼图作为散点图的标记,具体如下。 首先看下演示效果 实例代码: import numpy as np import matplotlib.pyplot as plt # ...