介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title> HighCharts 二维金字塔分布图& lt;/title>
& lt; script 类型=拔谋?javascript", src=癹s/jquery-1.7.2.min.js"祝辞& lt;/script>
& lt; script 类型=拔谋?javascript", src=癹s/highcharts.js"祝辞& lt;/script>
& lt; script 类型=拔谋?javascript", src=癹s/funnel.js"祝辞& lt;/script>
& lt; script 类型=拔谋?javascript"比;
$(函数(){
,$ (& # 39;# pyramidChart& # 39;) .highcharts ({
,,图:{
类型:才能,& # 39;金字塔# 39;
marginRight才能:100
,,},
标题:才能,{
,,文字:& # 39;金字塔分布图& # 39;,
,,x: -50
,,},
,,plotOptions: {
,,系列:{
,,,dataLabels: {
,才能启用:没错,
,,,格式:& # 39;& lt; b> {point.name} & lt;/b>, ({point.y:, .0f}) & # 39;,
,,,颜色:& # 39;黑色# 39;
,,softConnector:真实
,,}
,,}
,,},
,,传说:{
启用才能:假
,,},
,,系列:[{
,,名字:& # 39;人数& # 39;,
,,数据:[
,,(& # 39;星期一& # 39;,12),
,,(& # 39;星期二& # 39;,121),
,,(& # 39;星期三& # 39;,265),
,,(& # 39;星期四& # 39;,22131),
,,(& # 39;星期五& # 39;,623231),
,,(& # 39;星期六& # 39;,5545459),
,,(& # 39;星期日& # 39;,51245125)
,,)
})才能
,});
,});
& lt;/script>
& lt;/head>
& lt; body>
,& lt; div id=皃yramidChart",祝辞& lt;/div>
& lt;/body>
& lt;/html>
这篇文章给大家介绍怎么在jQuery中使用HighCharts绘制一个金字塔图效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
1,实例代码:
2,运行效果图:
关于怎么在jQuery中使用HighCharts绘制一个金字塔图效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
