原创力文档- 1、本文档共7页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
HYPERLINK /ivy/archive/2012/1/24/jquery-jqplot.html jqPlot图表中文API使用文档及源码和在线示例
还记得以前给大家介绍过的几款jquery图表插件么？忘了？那好，一起来回顾下
HYPERLINK /ivy/archive/2011/4/10/634380405667347938.html \t _blank jQuery柱状图插件TufteGraph HYPERLINK /ivy/archive/2011/3/23/634365008147345032.html \t _blank Google Chart 图表使用详解 HYPERLINK /ivy/archive/2011/3/22/634364027374654386.html \t _blank jQuery线状图插件Sparkline HYPERLINK /ivy/archive/2011/3/22/634363970854926723.html \t _blank jQuery图表插件Flot用法?? 及?? HYPERLINK /ivy/archive/2011/6/4/jquery-flot-chinese-doc.html \t _blank jQuery图表插件Flot中文文档
那么今天我再来向大家介绍一款jquery图表插件jqplot，下面是一些中文说明，希望对你有所帮助。
简介
jqplot是一款非常不错的基于jquery的图表插件，这篇文章主要帮助大家整理了jqplot的中文使用说明和在线示例及源码下载。jqplot插件在支持HTML5的浏览器上将会在canvas上呈现图表。
引入脚本文件
jqplot需要1.4.3以上的jquery版本支持，刚才说过了，jqplot在支持HTML5 Canvas的浏览器上将以canvas呈现，否则，如果你在IE9以下版本的浏览器上则要引入excanvas.js文件，当然，jqplot的CSS文件也要同时引入，代码如下：
1
2
3
4
!--[if lt IE 9]script language=javascript type=text/javascript src=excanvas.js/script![endif]--
script language=javascript type=text/javascript src=jquery.min.js/script
script language=javascript type=text/javascript src=jquery.jqplot.min.js/script
link rel=stylesheet type=text/css href=jquery.jqplot.css /
添加一个plot容器
我们可以在页面上为jqplot添加一个容器，比如div，但要注意的是，要为这个div容器指定宽度好高度，如下代码：
1
div id=chartdiv style=height:400px;width:300px; /div
开始创建plot图表
接下来我们在上面创建好的容器中通过调用$.jqplot实现图表的生成和渲染，比如如果用下面的数据来初始化 HYPERLINK /ivy \t _blank jqplot图表：
1
$.jqplot(chartdiv,? [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
最终显示效果如下图所示：
jqplot属性选项
我们在调用$.jqplot时可以传入一些参数options来自定义jqplot，部分参数options如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
您可能关注的文档
- 第五节《资源的应用》.ppt
- 第五节box-vellum纸盒设计CAD1.ppt
- STS应用中的问题与解析.pdf
- 第五节Linux编程新修改.ppt
- 第五节mathlab_文件输入输出(IO).ppt
- Sublime APICloud 插件的安装及使用说明(二).docx
- sublime插件和使用.docx
- SUN----JAVA补充知识教案.ppt
- 第五节电极过程扩散动力学.ppt
- Super∑CM系列解析.ppt
- 2024年江西省高考政治试卷真题（含答案逐题解析）.pdf
- 2025年四川省新高考八省适应性联考模拟演练（二）物理试卷（含答案详解）.pdf
- 2025年四川省新高考八省适应性联考模拟演练（二）地理试卷（含答案详解）.pdf
- 2024年内蒙通辽市中考化学试卷（含答案逐题解析）.docx
- 2024年四川省攀枝花市中考化学试卷真题（含答案详解）.docx
- （一模）长春市2025届高三质量监测（一）化学试卷（含答案）.pdf
- 2024年安徽省高考政治试卷（含答案逐题解析）.pdf
- （一模）长春市2025届高三质量监测（一）生物试卷（含答案）.pdf
- 2024年湖南省高考政治试卷真题（含答案逐题解析）.docx
- 2024年安徽省高考政治试卷（含答案逐题解析）.docx
文档评论（0）