金字塔图表 html,HighCharts之2D金字塔图

HighCharts之2D金字塔图

1、实例源码

Pyramid.html：

HighCharts 2D金字塔图

$(function(){

$('#pyramidChart').highcharts({

chart: {

type: 'pyramid',

marginRight: 100

},

title: {

text: '金字塔分布图',

x: -50

},

plotOptions: {

series: {

dataLabels: {

enabled: true,

format: '{point.name} ({point.y:,.0f})',

color: 'black',

softConnector: true

}

}

},

legend: {

enabled: false

},

series: [{

name: '人数',

data: [

['星期一',12],

['星期二',121],

['星期三',265],

['星期四',22131],

['星期五',623231],

['星期六',5545459],

['星期日',51245125]

]

}]

});

});

2、实例结果