jquery.highcharts.js绘制一个条形图的直方图

在数据统计和分析业务,有时满足客户需求反映在图、直方图、饼图、曲线图,并从图中可以看出,与具体的数据可以从趋势图看,可以从数据比例的饼图看到。Highcharts可以轻松实现三图形的组合效应。

复制代码代码如下所示:

功图;

$(文档)Ready(函数(){)

图为新开发。图({

图:{

render:'container',

defaultseriestype区域:

},

标题:{

正文:'historic估计世界人口增长的地区

},

字幕:{

正文:源:维基百科。org

},

XAxis:{

伙伴关系:{ '1750 ','1800 ','1850 ','1900 ','1950,1999年,'2050},

tickmarkplacement:开,

标题:{

启用:假

}

},

YAxis:{

标题:{

正文:'billions

},

标签:{

格式:函数(){

返回this.value / 1000;

}

}

},

提示:{

格式:函数(){

返回+

这highcharts.numberformat。X:+ +(这个Y,0)+数百万;

}

},

plotoptions:{

面积:{

堆叠:正常,

颜色:# 666666,

线宽:1,

标记:{

线宽:1,

颜色:# 666666

}

}

},

系列:{

名称:亚细亚,

数据:{ 502, 635, 809,947, 1402, 3634,5268 }

{ }。

名称:'africa,

数据:{ 106, 107, 111,133, 221, 767,1766 }

{ }。

名称:'europe,

数据:{ 163, 203, 276,408, 547, 729,628 }

{ }。

名称:'america,

数据:{ 18, 31, 54,156, 339, 818,1201 }

{ }。

名称:'oceania,

数据:{ 2, 2, 2,6, 13, 30,46 }

} }

});

});



以上是本文中描述的所有内容,我希望它能帮助您用jQuery绘制条形图饼图的柱状图。