highcharts 官网demo

最新推荐文章于 2019-04-03 17:15:43 发布

原创最新推荐文章于 2019-04-03 17:15:43 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#highcharts

highcharts 专栏收录该内容

1 篇文章

订阅专栏

这篇博客展示了如何使用Highcharts创建一个基本的饼图，并提供了详细的代码示例。内容包括设置图表类型、标题、数据标签等，同时也给出了Highcharts的官方Demo链接和相关学习资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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