介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title> HighCharts 2 d折线图& 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;# lineChart& # 39;) .highcharts ({
,,,,,,图表:,{
,,,,,,,,类型:,& # 39;行# 39;
,,,,,,},
,,,,,,标题:,{
,,,,,,,,:,& # 39;(jb51.net统计)2013年月收入& # 39;
,,,,,,},
,,,,,,副标题:,{
,,,,,,,,:,& # 39;月收入& # 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;
,,,,,,,,)
,,,,,,},
,,,,,,,{桠溪:
,,,,,,,,分钟:,0,
,,,,,,,,标题:,{
,,,,,,,,,,:,& # 39;收入,(￥)& # 39;
,,,,,,,,}
,,,,,,},
,,,,,,提示:,{
,,,,,,,,headerFormat:, & # 39; & lt; span 在{point.key} & lt;/span> & lt; table> & # 39;
,,,,,,,,pointFormat:, & # 39; & lt; tr> & lt; td 在{series.name}:, & lt;/td> & # 39; +
,,,,,,,,,,& # 39;& lt; td 祝辞& lt; b> {point.y: .1f},元& lt;/b> & lt;/td> & lt;/tr> & # 39;
,,,,,,,,footerFormat:, & # 39; & lt;/table> & # 39;
,,,,,,,,共享:,真的,
,,,,,,,,useHTML:真实
,,,,,,},
,,,,,,plotOptions:, {
,,,,,,,,专栏:,{
,,,,,,,,,,pointPadding:, 0.2,
,,,,,,,,,,borderWidth: 0
,,,,,,,,}
,,,,,,},
,,,,,,系列:,[{
,,,,,,,,名字:,& # 39;张三& # 39;,
,,,,,,,,数据:,(4995,,7169,,1064,7292,2440,4545,6545,9564,1245,4512,6523,4514]
,,,,,,},{
,,,,,,,,名字:,& # 39;李思& # 39;,
,,,,,,,,数据:,(8361,,2354,,4512,2356,4515,6451,9865,5455,8254,6562,6945,2356]
,,,,,,},{
,,,,,,,,名字:,& # 39;王武& # 39;,
,,,,,,,,数据:,(4512,,9565,,6564,2652,3265,1202,7845,9845,2356,7844,5424,6312]
,,,,,,},{
null
null
null
null
null
null
null
null
null
null
null
今天就跟大家聊聊有关怎么在jQuery中使用HighCharts绘制一个2 d折线图,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
1,实例代码:
