Highcharts 饼图制作代码一例
本节内容：
Highcharts 饼图的实现代码
在Highcharts网站上看到几个生成的图表，还不错，所以先挖了个饼图，实现如下，也可以配合AJAX赋值：
没有highcharts.js的可以去官网：http://www.highcharts.com 下载。
>>> 如果您不了解Highcharts为何物，请参考 Highcharts教程 中的相关内容。
例子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts 示例，Highcharts 饼图 - www.jquerycn.cn</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script src="highcharts.js"></script>
<script type="text/javascript">
var options = {
chart: {},
title: {},
tooltip: {},
plotOptions: {},
series: []
};
$(document).ready(function() {
options.chart.renderTo = 'container';
options.chart.plotBackgroundColor=null;
options.chart.plotBorderWidth=null;
options.chart.plotBorderWidth = false;
options.title.text='测试饼图';
options.tooltip.pointFormat='{series.name}: <b>{point.percentage}%</b>';
options.tooltip.percentageDecimals=1;
options.plotOptions.pie={
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
options.series = [{
type: 'pie',
name: '使用情况',
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]
]
}];
chart = new Highcharts.Chart(options);
});
</script>
</head>
<body>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>
>>> 更多 HighCharts实例代码，请参考如下文章：
Highcharts 饼状图(内存使用监视)的实现代码
Highcharts line直线图(内存使用监视)的实现代码
Highcharts绘制直线图的示例代码
Highcharts绘制饼图的简单实例
highcharts饼图实现磁盘监控的示例代码
Highcharts 功能强大的图表库的应用详解
Highcharts生成折线图与曲线图的示例代码
Highcharts 饼状图(结合PHP、Mysql)
Highcharts 柱状图、饼状图、曲线图三图合一的实现代码
Highcharts生成柱状图的示例代码
highcharts 柱状图简单实例代码(入门参考)
您可能感兴趣的文章：
js图表组件highcharts简介
Highcharts 饼图
Highcharts 饼图制作代码一例
Highcharts教程 Highcharts翻译索引页
highcharts 饼图显示数量与百分比实现代码
Highcharts 饼状图(内存使用监视)的实现代码
Highcharts绘制饼图的简单实例
Highcharts 柱状图、饼状图、曲线图三图合一的实现代码
Highcharts 饼状图(结合PHP、Mysql)
highcharts饼图实现磁盘监控的示例代码