介绍 & 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"比;
,,美元(函数(){
,,,,美元(& # 39;# someColumnLineChart& # 39;) .highcharts ({
,,,,,,图表:,{
,,,,,,,,zoomType:, & # 39; xy # 39;
,,,,,,},
,,,,,,标题:,{
,,,,,,,,:,& # 39;(jb51.net)某城市有关气候参数& # 39;
,,,,,,},
,,,,,,xAxis:, {
,,,,,,,,类别:,(& # 39;一月& # 39;,,& # 39;二月& # 39;,,& # 39;三月& # 39;,,& # 39;四月& # 39;,,& # 39;五月& # 39;,,& # 39;六月& # 39;,& # 39;七月& # 39;,,& # 39;八月& # 39;,,& # 39;九月& # 39;,,& # 39;十月& # 39;,,& # 39;十一月& # 39;,,& # 39;十二月& # 39;】
,,,,,,},
,,,,,,({桠溪:,,//主Y轴
,,,,,,,,标签:,{
,,,,,,,,,,格式化程序:,()函数,{
,,,,,,,,,,,,return this.value + & # 39;°c # 39;;
,,,,,,,,,,},
,,,,,,,,,,风格:,{
,,,,,,,,,,,,颜色:,& # 39;# 89 a54e& # 39;
,,,,,,,,,,}
,,,,,,,,},
,,,,,,,,标题:,{
,,,,,,,,,,:,& # 39;温度& # 39;,
,,,,,,,,,,风格:,{
,,,,,,,,,,,,颜色:,& # 39;# 89 a54e& # 39;
,,,,,,,,,,}
,,,,,,,,},
,,,,,,,,相反:真实
,,,,,,,},{,//次Y轴
,,,,,,,,gridLineWidth:, 0,
,,,,,,,,标题:,{
,,,,,,,,,,:,& # 39;降雨量& # 39;,
,,,,,,,,,,风格:,{
,,,,,,,,,,,,颜色:,& # 39;# 4572 a7 # 39;
,,,,,,,,,,}
,,,,,,,,},
,,,,,,,,标签:,{
,,,,,,,,,,格式化程序:,()函数,{
,,,,,,,,,,,,return this.value + & # 39;, mm # 39;;
,,,,,,,,,,},
,,,,,,,,,,风格:,{
,,,,,,,,,,,,颜色:,& # 39;# 4572 a7 # 39;
,,,,,,,,,,}
,,,,,,,,}
,,,,,,,},{,//第三级Y轴
,,,,,,,,gridLineWidth:, 0,
,,,,,,,,标题:,{
,,,,,,,,,,:,& # 39;气压& # 39;,
,,,,,,,,,,风格:,{
,,,,,,,,,,,,颜色:,& # 39;# AA4643& # 39;
,,,,,,,,,,}
,,,,,,,,},
,,,,,,,,标签:,{
,,,,,,,,,,格式化程序:,()函数,{
,,,,,,,,,,,,return this.value + & # 39;, mb # 39;;
,,,,,,,,,,},
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
本篇文章为大家展示了怎么在jQuery中使用HighCharts实现二维柱状图,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
1,实例代码:
