jqPlot图表中文API使用文档及源码和在线示例实例所有属性详解.docxVIP

下载本文档

6
0
约1.1万字
约 7页
2017-03-22 发布于四川
举报
版权申诉

jqPlot图表中文API使用文档及源码和在线示例实例所有属性详解.docx

1、本文档共7页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

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 13