highcharts 官网demo

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

maxer025

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

阅读量1.6k

点赞数

分类专栏： highcharts 文章标签： highcharts

本文链接：https://blog.csdn.net/maxer025/article/details/84731562

版权

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

摘要由CSDN通过智能技术生成

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,
dat