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

原始数据

按行查看

历史