html使用highcharts绘制饼图,饼图.html · 赵文博/Highcharts - Gitee.com
生活随笔
收集整理的這篇文章主要介紹了
html使用highcharts绘制饼图,饼图.html · 赵文博/Highcharts - Gitee.com
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Title
* {
margin: 0;
padding: 0;
border: 0;
}
#container {
width: 100%;
}
$(function(){
$('#container').highcharts({
chart:{
poltBackgroundColor:null,
plotBorderWidth:null,
plotshadow:false
},
title: {
text: '我的第一個圖表'
},
subtitle: {
text: '趙文博'
},
plotOptions:{
pie:{
allowPointSelect:true,
cursor:'pointer',
dataLabels:{
enabled:true,
color:'#000000',
connectorColor:'#000000',
format:'{point.name}:{point.percentage:.lf}%'
}
}
},
series:[{
type:'pie',
name:'Browser share',
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]]
}]
})
})
一鍵復制
編輯
Web IDE
原始數據
按行查看
歷史
總結
以上是生活随笔為你收集整理的html使用highcharts绘制饼图,饼图.html · 赵文博/Highcharts - Gitee.com的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML与前端
- 下一篇： javaSwing+MySQl实现图书馆