JqPlotPlugin
Usage
%JQPLOT{"canvasTextRenderer,canvasAxisLabelRenderer"}%
<div id='chart1' style='height:280px; width: 500px;'></div>
<script>
$.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
</script>
Resulting chart (if plugin is installed and enabled):
Simulated (screenshot):
More examples are found in the official jqPlot website
.
Description
jqPlot is a "pure javascript plotting" library, and this TWiki plugin bundles the package with easy setup using %JQPLOT% tag.
Since jqPlot depends on the jQuery JavaScript library, JQueryPlugin must be installed for JqPlotPlugin to work.
When a %JQPLOT% tag is present, the necessary JavaScript and CSS references are added to the <head> of the page. The %JQPLOT% tag itself is expanded into an empty string. Even if the tag happens to be used multiple times, the required references are added only once.
In order to use jqPlot plugins (for bar charts, pie charts, axis labels, etc.), the plugin names should be added to the %JQPLOT% tag.
%JQPLOT{"barRenderer, pieRenderer, categoryAxisRenderer"}%
or
%JQPLOT{"barRenderer"}%
%JQPLOT{"pieRenderer"}%
%JQPLOT{"categoryAxisRenderer"}%
The above will add the <script> tags to the <head> as below:
<script type="text/javascript" src=".../plugins/jqplot.barRenderer.min.js"></script> <script type="text/javascript" src=".../plugins/jqplot.pieRenderer.min.js"></script> <script type="text/javascript" src=".../plugins/jqplot.categoryAxisRenderer.min.js"></script>
All the common references such as jquery.jqplot.min.js (which would be added by the empty %JQPLOT%) are also added automatically.
Installation Instructions
Note: You do not need to install anything on the browser to use this plugin. The following instructions are for the administrator who installs the plugin on the TWiki server.
- For an automated installation, run the configure script and follow "Find More Extensions" in the in the Extensions section.
- See the installation supplement on TWiki.org for more information.
- See the installation supplement
- Or, follow these manual installation steps:
- Download the ZIP file from the Plugins home (see below).
- Unzip
JqPlotPlugin.zipin your twiki installation directory. Content:File: Description: data/TWiki/JqPlotPllugin.txtPlugin topic data/TWiki/VarJQPLOT.txtJQPLOT variable documentation topic lib/TWiki/Plugins/JqPlotPlugin.pmPlugin Perl module pub/TWiki/JqPlotPlugin/*.pngImage files pub/TWiki/JqPlotPlugin/jquery.jqplot.*jqPlot library package - Set the ownership of the extracted directories and files to the webserver user.
- Install the dependencies.
- Plugin configuration and testing:
- Run the configure script and enable the plugin in the Plugins section.
- Test if the installation was successful using the example above.
Plugin Info
Many thanks to the following sponsors for supporting this work:
- Morgan Stanley
| Plugin Author: | TWiki:Main.MahiroAndo |
| Copyright: | © 2012-2013 TWiki:Main.MahiroAndo © 2012-2013 TWiki:TWiki.TWikiContributor |
| License: | GPL (Gnu General Public License) |
| Plugin Version: | 2013-03-06 jquery.jqplot.1.0.7r1224 |
| Change History: | |
| 2013-03-06: | Fixed Fast CGI/mod_perl unfriendliness, upgraded to jquery.jqplot.1.0.7r1224 |
| 2012-11-14: | Initial release with jquery.jqplot.1.0.4r1121 |
| Dependencies: | JQueryPlugin |
| Plugin Home: | http://twiki.org/cgi-bin/view/Plugins/JqPlotPlugin |
| Feedback: | http://twiki.org/cgi-bin/view/Plugins/JqPlotPluginDev |
| Appraisal: | http://twiki.org/cgi-bin/view/Plugins/JqPlotPluginAppraisal |
Related Topics: VarJQPLOT, TWikiPlugins, DeveloperDocumentationCategory, AdminDocumentationCategory, TWikiPreferences
TWiki Web
Users
Groups
Index
Search
Changes
Notifications
RSS Feed
Statistics
Preferences
Blog |
|
Copyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors. Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.JqPlotPlugin.