http://www.highcharts.com/demo/pie-basic
$(function () {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
title: {
text: 'Browser market shares January, 2015 to May, 2015'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
}
}
},
series: [{
name: "Brands",
colorByPoint: true,
data: [{
name: "Microsoft Internet Explorer",
y: 56.33
}, {
name: "Chrome",
y: 24.03,
sliced: true,
selected: true
}, {
name: "Firefox",
y: 10.38
}, {
name: "Safari",
y: 4.77
}, {
name: "Opera",
y: 0.91
}, {
name: "Proprietary or Undetectable",
y: 0.2
}]
}]
});
});
highcharts官网:http://www.highcharts.com/
highcharts官网demo:http://www.highcharts.com/demo/pie-basic
highcharts官网文档:http://api.highcharts.com/highcharts
几篇不错的博客:
highcharts使用指南:http://www.cnblogs.com/liuhaorain/archive/2012/01/24/2311352.html
Highcharts选项配置详细说明文档:http://www.helloweba.com/view-blog-156.html
http://www.cnblogs.com/duanhuajian/p/3152177.html
highcharts 官网demo
猜你喜欢
转载自maxer025.iteye.com/blog/2224773
今日推荐
周排行