jqplot_rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.rdoc +2 -0
- data/LICENSE +0 -0
- data/README.rdoc +1 -0
- data/files/dist/MIT-LICENSE.txt +21 -0
- data/files/dist/README.txt +77 -0
- data/files/dist/changes.txt +395 -0
- data/files/dist/copyright.txt +56 -0
- data/files/dist/docs/files/MIT-LICENSE-txt.html +39 -0
- data/files/dist/docs/files/changes-txt.html +39 -0
- data/files/dist/docs/files/gpl-2-0-txt.html +39 -0
- data/files/dist/docs/files/images/background.jpg +0 -0
- data/files/dist/docs/files/images/basicline.png +0 -0
- data/files/dist/docs/files/images/basiclogaxis.png +0 -0
- data/files/dist/docs/files/images/basiclogoptions.png +0 -0
- data/files/dist/docs/files/images/basicoptions.png +0 -0
- data/files/dist/docs/files/images/dualaxis.png +0 -0
- data/files/dist/docs/files/images/logo.jpg +0 -0
- data/files/dist/docs/files/images/navdocs.png +0 -0
- data/files/dist/docs/files/images/navdocsover.png +0 -0
- data/files/dist/docs/files/images/navdownload.png +0 -0
- data/files/dist/docs/files/images/navdownloadover.png +0 -0
- data/files/dist/docs/files/images/navexamples.png +0 -0
- data/files/dist/docs/files/images/navexamplesover.png +0 -0
- data/files/dist/docs/files/images/navhome.png +0 -0
- data/files/dist/docs/files/images/navhomeover.png +0 -0
- data/files/dist/docs/files/images/new.png +0 -0
- data/files/dist/docs/files/images/sample3.png +0 -0
- data/files/dist/docs/files/images/samplesm.png +0 -0
- data/files/dist/docs/files/jqPlotCssStyling-txt.html +39 -0
- data/files/dist/docs/files/jqPlotOptions-txt.html +292 -0
- data/files/dist/docs/files/jqplot-axisLabelRenderer-js.html +47 -0
- data/files/dist/docs/files/jqplot-axisTickRenderer-js.html +71 -0
- data/files/dist/docs/files/jqplot-canvasGridRenderer-js.html +39 -0
- data/files/dist/docs/files/jqplot-core-js.html +385 -0
- data/files/dist/docs/files/jqplot-divTitleRenderer-js.html +39 -0
- data/files/dist/docs/files/jqplot-lineRenderer-js.html +69 -0
- data/files/dist/docs/files/jqplot-linearAxisRenderer-js.html +61 -0
- data/files/dist/docs/files/jqplot-markerRenderer-js.html +65 -0
- data/files/dist/docs/files/jqplot-shadowRenderer-js.html +61 -0
- data/files/dist/docs/files/jqplot-shapeRenderer-js.html +65 -0
- data/files/dist/docs/files/jqplot-themeEngine-js.html +191 -0
- data/files/dist/docs/files/jqplot-toImage-js.html +39 -0
- data/files/dist/docs/files/optionsTutorial-txt.html +120 -0
- data/files/dist/docs/files/plugins/jqplot-BezierCurveRenderer-js.html +45 -0
- data/files/dist/docs/files/plugins/jqplot-barRenderer-js.html +69 -0
- data/files/dist/docs/files/plugins/jqplot-blockRenderer-js.html +53 -0
- data/files/dist/docs/files/plugins/jqplot-bubbleRenderer-js.html +71 -0
- data/files/dist/docs/files/plugins/jqplot-canvasAxisLabelRenderer-js.html +63 -0
- data/files/dist/docs/files/plugins/jqplot-canvasAxisTickRenderer-js.html +79 -0
- data/files/dist/docs/files/plugins/jqplot-canvasOverlay-js.html +113 -0
- data/files/dist/docs/files/plugins/jqplot-categoryAxisRenderer-js.html +46 -0
- data/files/dist/docs/files/plugins/jqplot-ciParser-js.html +39 -0
- data/files/dist/docs/files/plugins/jqplot-cursor-js.html +93 -0
- data/files/dist/docs/files/plugins/jqplot-dateAxisRenderer-js.html +101 -0
- data/files/dist/docs/files/plugins/jqplot-donutRenderer-js.html +98 -0
- data/files/dist/docs/files/plugins/jqplot-dragable-js.html +45 -0
- data/files/dist/docs/files/plugins/jqplot-enhancedLegendRenderer-js.html +49 -0
- data/files/dist/docs/files/plugins/jqplot-funnelRenderer-js.html +87 -0
- data/files/dist/docs/files/plugins/jqplot-highlighter-js.html +80 -0
- data/files/dist/docs/files/plugins/jqplot-logAxisRenderer-js.html +47 -0
- data/files/dist/docs/files/plugins/jqplot-mekkoAxisRenderer-js.html +49 -0
- data/files/dist/docs/files/plugins/jqplot-mekkoRenderer-js.html +62 -0
- data/files/dist/docs/files/plugins/jqplot-meterGaugeRenderer-js.html +103 -0
- data/files/dist/docs/files/plugins/jqplot-ohlcRenderer-js.html +65 -0
- data/files/dist/docs/files/plugins/jqplot-pieRenderer-js.html +93 -0
- data/files/dist/docs/files/plugins/jqplot-pointLabels-js.html +72 -0
- data/files/dist/docs/files/plugins/jqplot-pyramidAxisRenderer-js.html +49 -0
- data/files/dist/docs/files/plugins/jqplot-pyramidGridRenderer-js.html +39 -0
- data/files/dist/docs/files/plugins/jqplot-pyramidRenderer-js.html +53 -0
- data/files/dist/docs/files/plugins/jqplot-trendline-js.html +67 -0
- data/files/dist/docs/files/usage-txt.html +58 -0
- data/files/dist/docs/index/Classes.html +70 -0
- data/files/dist/docs/index/Files.html +34 -0
- data/files/dist/docs/index/Functions.html +66 -0
- data/files/dist/docs/index/General.html +42 -0
- data/files/dist/docs/index/General2.html +42 -0
- data/files/dist/docs/index/General3.html +42 -0
- data/files/dist/docs/index/General4.html +46 -0
- data/files/dist/docs/index/General5.html +46 -0
- data/files/dist/docs/index/General6.html +34 -0
- data/files/dist/docs/index/General7.html +58 -0
- data/files/dist/docs/index/Hooks.html +46 -0
- data/files/dist/docs/index/Properties.html +42 -0
- data/files/dist/docs/index/Properties2.html +42 -0
- data/files/dist/docs/index/Properties3.html +46 -0
- data/files/dist/docs/index/Properties4.html +50 -0
- data/files/dist/docs/index/Properties5.html +34 -0
- data/files/dist/docs/index/Properties6.html +58 -0
- data/files/dist/docs/index.html +1 -0
- data/files/dist/docs/javascript/main.js +836 -0
- data/files/dist/docs/javascript/searchdata.js +182 -0
- data/files/dist/docs/search/ClassesA.html +20 -0
- data/files/dist/docs/search/ClassesD.html +20 -0
- data/files/dist/docs/search/ClassesG.html +20 -0
- data/files/dist/docs/search/ClassesH.html +20 -0
- data/files/dist/docs/search/ClassesJ.html +20 -0
- data/files/dist/docs/search/ClassesL.html +20 -0
- data/files/dist/docs/search/ClassesS.html +20 -0
- data/files/dist/docs/search/ClassesSymbols.html +20 -0
- data/files/dist/docs/search/ClassesT.html +20 -0
- data/files/dist/docs/search/ClassesV.html +20 -0
- data/files/dist/docs/search/FilesJ.html +20 -0
- data/files/dist/docs/search/FunctionsC.html +20 -0
- data/files/dist/docs/search/FunctionsD.html +20 -0
- data/files/dist/docs/search/FunctionsG.html +20 -0
- data/files/dist/docs/search/FunctionsI.html +20 -0
- data/files/dist/docs/search/FunctionsM.html +20 -0
- data/files/dist/docs/search/FunctionsN.html +20 -0
- data/files/dist/docs/search/FunctionsR.html +20 -0
- data/files/dist/docs/search/FunctionsS.html +20 -0
- data/files/dist/docs/search/FunctionsZ.html +20 -0
- data/files/dist/docs/search/GeneralA.html +20 -0
- data/files/dist/docs/search/GeneralB.html +20 -0
- data/files/dist/docs/search/GeneralC.html +20 -0
- data/files/dist/docs/search/GeneralD.html +20 -0
- data/files/dist/docs/search/GeneralE.html +20 -0
- data/files/dist/docs/search/GeneralF.html +20 -0
- data/files/dist/docs/search/GeneralG.html +20 -0
- data/files/dist/docs/search/GeneralH.html +20 -0
- data/files/dist/docs/search/GeneralI.html +20 -0
- data/files/dist/docs/search/GeneralJ.html +20 -0
- data/files/dist/docs/search/GeneralL.html +20 -0
- data/files/dist/docs/search/GeneralM.html +20 -0
- data/files/dist/docs/search/GeneralN.html +20 -0
- data/files/dist/docs/search/GeneralO.html +20 -0
- data/files/dist/docs/search/GeneralP.html +20 -0
- data/files/dist/docs/search/GeneralR.html +20 -0
- data/files/dist/docs/search/GeneralS.html +20 -0
- data/files/dist/docs/search/GeneralSymbols.html +20 -0
- data/files/dist/docs/search/GeneralT.html +20 -0
- data/files/dist/docs/search/GeneralU.html +20 -0
- data/files/dist/docs/search/GeneralV.html +20 -0
- data/files/dist/docs/search/GeneralW.html +20 -0
- data/files/dist/docs/search/GeneralX.html +20 -0
- data/files/dist/docs/search/GeneralY.html +20 -0
- data/files/dist/docs/search/GeneralZ.html +20 -0
- data/files/dist/docs/search/HooksA.html +20 -0
- data/files/dist/docs/search/HooksE.html +20 -0
- data/files/dist/docs/search/HooksJ.html +20 -0
- data/files/dist/docs/search/HooksP.html +20 -0
- data/files/dist/docs/search/NoResults.html +15 -0
- data/files/dist/docs/search/PropertiesA.html +20 -0
- data/files/dist/docs/search/PropertiesB.html +20 -0
- data/files/dist/docs/search/PropertiesC.html +20 -0
- data/files/dist/docs/search/PropertiesD.html +20 -0
- data/files/dist/docs/search/PropertiesE.html +20 -0
- data/files/dist/docs/search/PropertiesF.html +20 -0
- data/files/dist/docs/search/PropertiesG.html +20 -0
- data/files/dist/docs/search/PropertiesH.html +20 -0
- data/files/dist/docs/search/PropertiesI.html +20 -0
- data/files/dist/docs/search/PropertiesL.html +20 -0
- data/files/dist/docs/search/PropertiesM.html +20 -0
- data/files/dist/docs/search/PropertiesN.html +20 -0
- data/files/dist/docs/search/PropertiesO.html +20 -0
- data/files/dist/docs/search/PropertiesP.html +20 -0
- data/files/dist/docs/search/PropertiesR.html +20 -0
- data/files/dist/docs/search/PropertiesS.html +20 -0
- data/files/dist/docs/search/PropertiesT.html +20 -0
- data/files/dist/docs/search/PropertiesU.html +20 -0
- data/files/dist/docs/search/PropertiesV.html +20 -0
- data/files/dist/docs/search/PropertiesW.html +20 -0
- data/files/dist/docs/search/PropertiesX.html +20 -0
- data/files/dist/docs/search/PropertiesY.html +20 -0
- data/files/dist/docs/search/PropertiesZ.html +20 -0
- data/files/dist/docs/styles/1.css +767 -0
- data/files/dist/docs/styles/2.css +174 -0
- data/files/dist/docs/styles/main.css +2 -0
- data/files/dist/examples/KCPsample4.csv +25 -0
- data/files/dist/examples/ajax-loader.gif +0 -0
- data/files/dist/examples/area.html +139 -0
- data/files/dist/examples/axisLabelTests.html +157 -0
- data/files/dist/examples/axisLabelsRotatedText.html +229 -0
- data/files/dist/examples/axisScalingForceTickAt.html +242 -0
- data/files/dist/examples/bandedLine.html +310 -0
- data/files/dist/examples/bar-charts.html +219 -0
- data/files/dist/examples/barLineAnimated.html +165 -0
- data/files/dist/examples/barTest.html +299 -0
- data/files/dist/examples/bezierCurve.html +125 -0
- data/files/dist/examples/blockPlot.html +197 -0
- data/files/dist/examples/bubble-plots.html +213 -0
- data/files/dist/examples/bubbleChart.html +264 -0
- data/files/dist/examples/candlestick-charts.html +209 -0
- data/files/dist/examples/candlestick.html +322 -0
- data/files/dist/examples/cursor-highlighter.html +137 -0
- data/files/dist/examples/customHighlighterCursorTrendline.html +104 -0
- data/files/dist/examples/dashboardWidget.html +212 -0
- data/files/dist/examples/dashedLines.html +227 -0
- data/files/dist/examples/data-renderers.html +144 -0
- data/files/dist/examples/date-axes.html +107 -0
- data/files/dist/examples/dateAxisLogAxisZooming.html +105 -0
- data/files/dist/examples/dateAxisRenderer.html +292 -0
- data/files/dist/examples/example.js +114 -0
- data/files/dist/examples/example.min.js +1 -0
- data/files/dist/examples/examples.css +135 -0
- data/files/dist/examples/examples.min.css +1 -0
- data/files/dist/examples/fillBetweenLines.html +134 -0
- data/files/dist/examples/hiddenPlotsInTabs.html +225 -0
- data/files/dist/examples/images/logo.jpg +0 -0
- data/files/dist/examples/index.html +100 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_flat_75_ffffff_40x100.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_glass_75_dadada_1x400.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-icons_2e83ff_256x240.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-icons_454545_256x240.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-icons_888888_256x240.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/images/ui-icons_cd0a0a_256x240.png +0 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/jquery-ui.css +612 -0
- data/files/dist/examples/jquery-ui/css/ui-lightness/jquery-ui.min.css +10 -0
- data/files/dist/examples/jquery-ui/js/jquery-ui.min.js +473 -0
- data/files/dist/examples/jquery-ui/js/jquery.effects.blind.js +80 -0
- data/files/dist/examples/jquery-ui/js/jquery.effects.blind.min.js +14 -0
- data/files/dist/examples/jquery-ui/js/jquery.effects.core.js +890 -0
- data/files/dist/examples/jquery-ui/js/jquery.effects.core.min.js +32 -0
- data/files/dist/examples/jsondata.txt +1 -0
- data/files/dist/examples/kcp_area.html +250 -0
- data/files/dist/examples/kcp_cdf.html +351 -0
- data/files/dist/examples/kcp_engel.html +244 -0
- data/files/dist/examples/kcp_lorenz.html +510 -0
- data/files/dist/examples/kcp_pdf.html +387 -0
- data/files/dist/examples/kcp_pyramid.html +580 -0
- data/files/dist/examples/kcp_pyramid2.html +568 -0
- data/files/dist/examples/line-charts.html +193 -0
- data/files/dist/examples/mekkoCharts.html +269 -0
- data/files/dist/examples/meterGauge.html +179 -0
- data/files/dist/examples/nav.inc +40 -0
- data/files/dist/examples/pie-donut-charts.html +160 -0
- data/files/dist/examples/pieTest.html +187 -0
- data/files/dist/examples/pieTest2.js +80 -0
- data/files/dist/examples/pieTest4.html +258 -0
- data/files/dist/examples/point-labels.html +193 -0
- data/files/dist/examples/resizablePlot.html +196 -0
- data/files/dist/examples/rotated-tick-labels.html +216 -0
- data/files/dist/examples/rotatedTickLabelsZoom.html +118 -0
- data/files/dist/examples/smoothedLine.html +137 -0
- data/files/dist/examples/syntaxhighlighter/LGPL-LICENSE +165 -0
- data/files/dist/examples/syntaxhighlighter/MIT-LICENSE +20 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shAutoloader.js +17 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shAutoloader.min.js +1 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shBrushJScript.js +52 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shBrushJScript.min.js +1 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shBrushXml.js +69 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shBrushXml.min.js +1 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shCore.js +17 -0
- data/files/dist/examples/syntaxhighlighter/scripts/shCore.min.js +1 -0
- data/files/dist/examples/syntaxhighlighter/styles/shCore.css +226 -0
- data/files/dist/examples/syntaxhighlighter/styles/shCore.min.css +1 -0
- data/files/dist/examples/syntaxhighlighter/styles/shCoreDefault.css +328 -0
- data/files/dist/examples/syntaxhighlighter/styles/shCoreDefault.min.css +1 -0
- data/files/dist/examples/syntaxhighlighter/styles/shThemeDefault.css +117 -0
- data/files/dist/examples/syntaxhighlighter/styles/shThemeDefault.min.css +1 -0
- data/files/dist/examples/syntaxhighlighter/styles/shThemejqPlot.css +138 -0
- data/files/dist/examples/syntaxhighlighter/styles/shThemejqPlot.min.css +1 -0
- data/files/dist/examples/theming.html +519 -0
- data/files/dist/examples/topbanner.inc +9 -0
- data/files/dist/examples/waterfall.html +162 -0
- data/files/dist/examples/waterfall2.html +231 -0
- data/files/dist/examples/yahooData.js +1807 -0
- data/files/dist/examples/yahooData.min.js +1 -0
- data/files/dist/examples/zoom1.html +149 -0
- data/files/dist/examples/zoomOptions.html +176 -0
- data/files/dist/examples/zoomProxy.html +110 -0
- data/files/dist/examples/zooming.html +209 -0
- data/files/dist/excanvas.js +1438 -0
- data/files/dist/excanvas.min.js +57 -0
- data/files/dist/gpl-2.0.txt +280 -0
- data/files/dist/jqPlotCssStyling.txt +53 -0
- data/files/dist/jqPlotOptions.txt +276 -0
- data/files/dist/jquery.jqplot.css +259 -0
- data/files/dist/jquery.jqplot.js +10901 -0
- data/files/dist/jquery.jqplot.min.css +1 -0
- data/files/dist/jquery.js +9046 -0
- data/files/dist/jquery.min.js +4 -0
- data/files/dist/optionsTutorial.txt +240 -0
- data/files/dist/plugins/jqplot.BezierCurveRenderer.js +312 -0
- data/files/dist/plugins/jqplot.BezierCurveRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.barRenderer.js +747 -0
- data/files/dist/plugins/jqplot.barRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.blockRenderer.js +234 -0
- data/files/dist/plugins/jqplot.blockRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.bubbleRenderer.js +754 -0
- data/files/dist/plugins/jqplot.bubbleRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.canvasAxisLabelRenderer.js +202 -0
- data/files/dist/plugins/jqplot.canvasAxisLabelRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.canvasAxisTickRenderer.js +242 -0
- data/files/dist/plugins/jqplot.canvasAxisTickRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.canvasOverlay.js +864 -0
- data/files/dist/plugins/jqplot.canvasOverlay.min.js +57 -0
- data/files/dist/plugins/jqplot.canvasTextRenderer.js +448 -0
- data/files/dist/plugins/jqplot.canvasTextRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.categoryAxisRenderer.js +636 -0
- data/files/dist/plugins/jqplot.categoryAxisRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.ciParser.js +115 -0
- data/files/dist/plugins/jqplot.ciParser.min.js +57 -0
- data/files/dist/plugins/jqplot.cursor.js +1093 -0
- data/files/dist/plugins/jqplot.cursor.min.js +57 -0
- data/files/dist/plugins/jqplot.dateAxisRenderer.js +702 -0
- data/files/dist/plugins/jqplot.dateAxisRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.donutRenderer.js +800 -0
- data/files/dist/plugins/jqplot.donutRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.dragable.js +224 -0
- data/files/dist/plugins/jqplot.dragable.min.js +57 -0
- data/files/dist/plugins/jqplot.enhancedLegendRenderer.js +241 -0
- data/files/dist/plugins/jqplot.enhancedLegendRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.funnelRenderer.js +938 -0
- data/files/dist/plugins/jqplot.funnelRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.highlighter.js +454 -0
- data/files/dist/plugins/jqplot.highlighter.min.js +57 -0
- data/files/dist/plugins/jqplot.json2.js +475 -0
- data/files/dist/plugins/jqplot.json2.min.js +57 -0
- data/files/dist/plugins/jqplot.logAxisRenderer.js +528 -0
- data/files/dist/plugins/jqplot.logAxisRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.mekkoAxisRenderer.js +610 -0
- data/files/dist/plugins/jqplot.mekkoAxisRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.mekkoRenderer.js +436 -0
- data/files/dist/plugins/jqplot.mekkoRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.meterGaugeRenderer.js +1029 -0
- data/files/dist/plugins/jqplot.meterGaugeRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.ohlcRenderer.js +372 -0
- data/files/dist/plugins/jqplot.ohlcRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.pieRenderer.js +899 -0
- data/files/dist/plugins/jqplot.pieRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.pointLabels.js +362 -0
- data/files/dist/plugins/jqplot.pointLabels.min.js +57 -0
- data/files/dist/plugins/jqplot.pyramidAxisRenderer.js +730 -0
- data/files/dist/plugins/jqplot.pyramidAxisRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.pyramidGridRenderer.js +423 -0
- data/files/dist/plugins/jqplot.pyramidGridRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.pyramidRenderer.js +490 -0
- data/files/dist/plugins/jqplot.pyramidRenderer.min.js +57 -0
- data/files/dist/plugins/jqplot.trendline.js +222 -0
- data/files/dist/plugins/jqplot.trendline.min.js +57 -0
- data/files/dist/usage.txt +126 -0
- data/files/javascripts/excanvas.min.js +57 -0
- data/files/javascripts/jquery.jqplot.min.js +57 -0
- data/files/javascripts/plugins/jqplot.BezierCurveRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.barRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.blockRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.bubbleRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.canvasAxisLabelRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.canvasAxisTickRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.canvasOverlay.min.js +57 -0
- data/files/javascripts/plugins/jqplot.canvasTextRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.categoryAxisRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.ciParser.min.js +57 -0
- data/files/javascripts/plugins/jqplot.cursor.min.js +57 -0
- data/files/javascripts/plugins/jqplot.dateAxisRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.donutRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.dragable.min.js +57 -0
- data/files/javascripts/plugins/jqplot.enhancedLegendRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.funnelRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.highlighter.min.js +57 -0
- data/files/javascripts/plugins/jqplot.json2.min.js +57 -0
- data/files/javascripts/plugins/jqplot.logAxisRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.mekkoAxisRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.mekkoRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.meterGaugeRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.ohlcRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.pieRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.pointLabels.min.js +57 -0
- data/files/javascripts/plugins/jqplot.pyramidAxisRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.pyramidGridRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.pyramidRenderer.min.js +57 -0
- data/files/javascripts/plugins/jqplot.trendline.min.js +57 -0
- data/files/stylesheets/jqplot_rails_overrides.css +3 -0
- data/files/stylesheets/jquery.jqplot.min.css +1 -0
- data/lib/jqplot_rails/jqplot_action_view.rb +106 -0
- data/lib/jqplot_rails/railtie.rb +29 -0
- data/lib/jqplot_rails/tasks.rb +58 -0
- data/lib/jqplot_rails/version.rb +17 -0
- data/lib/jqplot_rails.rb +5 -0
- metadata +473 -0
@@ -0,0 +1,193 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
|
6
|
+
<title>Data Point labels</title>
|
7
|
+
|
8
|
+
<link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css" />
|
9
|
+
<link rel="stylesheet" type="text/css" href="examples.min.css" />
|
10
|
+
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.min.css" />
|
11
|
+
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemejqPlot.min.css" />
|
12
|
+
|
13
|
+
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
|
14
|
+
<script class="include" type="text/javascript" src="../jquery.min.js"></script>
|
15
|
+
|
16
|
+
|
17
|
+
</head>
|
18
|
+
<body>
|
19
|
+
<div class="logo">
|
20
|
+
<div class="nav">
|
21
|
+
<a class="nav" href="../../../index.php"><span>></span>Home</a>
|
22
|
+
<a class="nav" href="../../../docs/"><span>></span>Docs</a>
|
23
|
+
<a class="nav" href="../../download/"><span>></span>Download</a>
|
24
|
+
<a class="nav" href="../../../info.php"><span>></span>Info</a>
|
25
|
+
<a class="nav" href="../../../donate.php"><span>></span>Donate</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
<div class="example-content">
|
29
|
+
|
30
|
+
<div class="example-nav">
|
31
|
+
<a href="pieTest4.html">Previous</a> <a href="./">Examples</a> <a href="resizablePlot.html">Next</a></div>
|
32
|
+
|
33
|
+
|
34
|
+
<style type="text/css">
|
35
|
+
#chart3 .jqplot-point-label {
|
36
|
+
border: 1.5px solid #aaaaaa;
|
37
|
+
padding: 1px 3px;
|
38
|
+
background-color: #eeccdd;
|
39
|
+
}
|
40
|
+
</style>
|
41
|
+
|
42
|
+
<!-- Example scripts go here -->
|
43
|
+
<P>The pointLabels plugin places labels on the plot at the data point locations. Labeles can use the series data array or a separate labels array. If using the series data, the last value in the data point array is used as the label by default.</p>
|
44
|
+
|
45
|
+
<div id="chart1" style="height:300px; width:500px;"></div>
|
46
|
+
|
47
|
+
<pre class="code prettyprint brush: js"></pre>
|
48
|
+
|
49
|
+
<P>Additional data can be added to the series and it will be used for labels. If additional data is provided, each data point must have a value for the label, even if it is "null".</p>
|
50
|
+
|
51
|
+
<div id="chart2" style="height:300px; width:500px;"></div>
|
52
|
+
|
53
|
+
<pre class="code prettyprint brush: js"></pre>
|
54
|
+
|
55
|
+
<P>Labels work with Bar charts as well. Here, the Labels have been supplied through the "labels" array on the "pointLabels" option to the series. Also, additional css styling has been provided to the labels.</p>
|
56
|
+
|
57
|
+
<div id="chart3" style="height:300px; width:500px;"></div>
|
58
|
+
|
59
|
+
<pre class="prettyprint brush: html">
|
60
|
+
<style type="text/css">
|
61
|
+
#chart3 .jqplot-point-label {
|
62
|
+
border: 1.5px solid #aaaaaa;
|
63
|
+
padding: 1px 3px;
|
64
|
+
background-color: #eeccdd;
|
65
|
+
}
|
66
|
+
</style>
|
67
|
+
</pre>
|
68
|
+
<pre class="code prettyprint brush: js"></pre>
|
69
|
+
|
70
|
+
<P>Point labels can be used on stacked bar charts. If no labels array is specified, they will use data from the chart. Values can be displayed individually for each series (stackedValue option is false, the default), or cumulative values for all series can be displayed (stackedValue option is true).</p>
|
71
|
+
|
72
|
+
<div id="chart4" style="height:300px; width:500px;"></div>
|
73
|
+
|
74
|
+
<pre class="code prettyprint brush: js"></pre>
|
75
|
+
|
76
|
+
<P>Data point labels have an "edgeTolerance" option. This options controls how close the data point label can be to an axis edge and still be drawn. The default of 0 allows labels to touch the axis. Positive values will increase the required distance between the axis and label, negative values will allow labels to overlap axes.</p>
|
77
|
+
|
78
|
+
<div id="chart5" style="height:300px; width:500px;"></div>
|
79
|
+
|
80
|
+
<pre class="code prettyprint brush: js"></pre>
|
81
|
+
|
82
|
+
<script class="code" type="text/javascript">
|
83
|
+
$(document).ready(function(){
|
84
|
+
var line1 = [14, 32, 41, 44, 40, 47, 53, 67];
|
85
|
+
var plot1 = $.jqplot('chart1', [line1], {
|
86
|
+
title: 'Chart with Point Labels',
|
87
|
+
seriesDefaults: {
|
88
|
+
showMarker:false,
|
89
|
+
pointLabels: { show:true }
|
90
|
+
}
|
91
|
+
});
|
92
|
+
});
|
93
|
+
</script>
|
94
|
+
|
95
|
+
|
96
|
+
<script class="code" type="text/javascript">
|
97
|
+
$(document).ready(function(){
|
98
|
+
var line1 = [[-12, 7, null], [-3, 14, null], [2, -1, '(low)'],
|
99
|
+
[7, -1, '(low)'], [11, 11, null], [13, -1, '(low)']];
|
100
|
+
var plot2 = $.jqplot('chart2', [line1], {
|
101
|
+
title: 'Point Labels From Extra Series Data',
|
102
|
+
seriesDefaults: {
|
103
|
+
showMarker:false,
|
104
|
+
pointLabels:{ show:true, location:'s', ypadding:3 }
|
105
|
+
},
|
106
|
+
axes:{ yaxis:{ pad: 1.3 } }
|
107
|
+
});
|
108
|
+
});
|
109
|
+
</script>
|
110
|
+
|
111
|
+
|
112
|
+
<script class="code" type="text/javascript">
|
113
|
+
$(document).ready(function(){
|
114
|
+
var line1 = [14, 32, 41, 44, 40];
|
115
|
+
var plot3 = $.jqplot('chart3', [line1], {
|
116
|
+
title: 'Bar Chart with Point Labels',
|
117
|
+
seriesDefaults: {renderer: $.jqplot.BarRenderer},
|
118
|
+
series:[
|
119
|
+
{pointLabels:{
|
120
|
+
show: true,
|
121
|
+
labels:['fourteen', 'thirty two', 'fourty one', 'fourty four', 'fourty']
|
122
|
+
}}],
|
123
|
+
axes: {
|
124
|
+
xaxis:{renderer:$.jqplot.CategoryAxisRenderer},
|
125
|
+
yaxis:{padMax:1.3}}
|
126
|
+
});
|
127
|
+
});
|
128
|
+
</script>
|
129
|
+
|
130
|
+
<script class="code" type="text/javascript">
|
131
|
+
$(document).ready(function(){
|
132
|
+
var line1 = [14, 32, 41, 44, 40, 37, 29];
|
133
|
+
var line2 = [7, 12, 15, 17, 20, 27, 39];
|
134
|
+
var plot4 = $.jqplot('chart4', [line1, line2], {
|
135
|
+
title: 'Stacked Bar Chart with Cumulative Point Labels',
|
136
|
+
stackSeries: true,
|
137
|
+
seriesDefaults: {
|
138
|
+
renderer: $.jqplot.BarRenderer,
|
139
|
+
rendererOptions:{barMargin: 25},
|
140
|
+
pointLabels:{show:true, stackedValue: true}
|
141
|
+
},
|
142
|
+
axes: {
|
143
|
+
xaxis:{renderer:$.jqplot.CategoryAxisRenderer}
|
144
|
+
}
|
145
|
+
});
|
146
|
+
});
|
147
|
+
</script>
|
148
|
+
|
149
|
+
|
150
|
+
<script class="code" type="text/javascript">
|
151
|
+
$(document).ready(function(){
|
152
|
+
var line1 = [14, 32, 41, 44, 40, 47, 53, 67];
|
153
|
+
var plot5 = $.jqplot('chart5', [line1], {
|
154
|
+
title: 'Chart with Point Labels',
|
155
|
+
seriesDefaults: {
|
156
|
+
showMarker:false,
|
157
|
+
pointLabels: {
|
158
|
+
show: true,
|
159
|
+
edgeTolerance: 5
|
160
|
+
}},
|
161
|
+
axes:{
|
162
|
+
xaxis:{min:3}
|
163
|
+
}
|
164
|
+
});
|
165
|
+
});
|
166
|
+
</script>
|
167
|
+
|
168
|
+
<!-- End example scripts -->
|
169
|
+
|
170
|
+
<!-- Don't touch this! -->
|
171
|
+
|
172
|
+
|
173
|
+
<script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script>
|
174
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script>
|
175
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
|
176
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
|
177
|
+
<!-- End Don't touch this! -->
|
178
|
+
|
179
|
+
<!-- Additional plugins go here -->
|
180
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.barRenderer.min.js"></script>
|
181
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
182
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.pointLabels.min.js"></script>
|
183
|
+
|
184
|
+
<!-- End additional plugins -->
|
185
|
+
|
186
|
+
|
187
|
+
</div>
|
188
|
+
<script type="text/javascript" src="example.min.js"></script>
|
189
|
+
|
190
|
+
</body>
|
191
|
+
|
192
|
+
|
193
|
+
</html>
|
@@ -0,0 +1,196 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
|
6
|
+
<title>Resizable Plots</title>
|
7
|
+
|
8
|
+
<link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css" />
|
9
|
+
<link rel="stylesheet" type="text/css" href="examples.min.css" />
|
10
|
+
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.min.css" />
|
11
|
+
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemejqPlot.min.css" />
|
12
|
+
|
13
|
+
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
|
14
|
+
<script class="include" type="text/javascript" src="../jquery.min.js"></script>
|
15
|
+
|
16
|
+
|
17
|
+
</head>
|
18
|
+
<body>
|
19
|
+
<div class="logo">
|
20
|
+
<div class="nav">
|
21
|
+
<a class="nav" href="../../../index.php"><span>></span>Home</a>
|
22
|
+
<a class="nav" href="../../../docs/"><span>></span>Docs</a>
|
23
|
+
<a class="nav" href="../../download/"><span>></span>Download</a>
|
24
|
+
<a class="nav" href="../../../info.php"><span>></span>Info</a>
|
25
|
+
<a class="nav" href="../../../donate.php"><span>></span>Donate</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
<div class="example-content">
|
29
|
+
|
30
|
+
<div class="example-nav">
|
31
|
+
<a href="point-labels.html">Previous</a> <a href="./">Examples</a> <a href="rotated-tick-labels.html">Next</a></div>
|
32
|
+
|
33
|
+
|
34
|
+
<!-- Example scripts go here -->
|
35
|
+
|
36
|
+
<style type="text/css">
|
37
|
+
body {
|
38
|
+
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
39
|
+
}
|
40
|
+
|
41
|
+
p, pre {
|
42
|
+
margin: 1.5em;
|
43
|
+
}
|
44
|
+
|
45
|
+
body table {
|
46
|
+
margin: 2em;
|
47
|
+
}
|
48
|
+
|
49
|
+
#resizable1, #resizable2 {
|
50
|
+
width: 440px;
|
51
|
+
height: 330px;
|
52
|
+
margin-top: 2em;
|
53
|
+
margin-bottom: 2em;
|
54
|
+
padding: 1.2em;
|
55
|
+
}
|
56
|
+
|
57
|
+
|
58
|
+
.jqplot-target {
|
59
|
+
font-size: 16px;
|
60
|
+
}
|
61
|
+
|
62
|
+
.ui-resizable-helper {
|
63
|
+
border: 2px solid gray;
|
64
|
+
}
|
65
|
+
</style>
|
66
|
+
|
67
|
+
<p>Plot targets can be placed inside of resizable containers for dynamic plot sizing. The examples here use the jQuery UI package for resizing functionality.</p>
|
68
|
+
|
69
|
+
<table><tr>
|
70
|
+
<td>
|
71
|
+
<div id="resizable1" class="ui-widget-content">
|
72
|
+
<div id="chart1" style="height:96%; width:96%;"></div>
|
73
|
+
</div>
|
74
|
+
</td>
|
75
|
+
<td>
|
76
|
+
|
77
|
+
<p>The first plot has good resize performance in Firefox, Safari and other canvas enabled browsers. The plot will resize dynamically with the container. IE performance will be slow since IE doesn't natively support the canvas element.</p>
|
78
|
+
|
79
|
+
<p>Resizing is handled by binding a handler to the 'resize' event. The handler function replots the plot during resize. Here, the plot targets's height and width must be specified as a percentage of the container and the container must be visible.</p>
|
80
|
+
|
81
|
+
<p>The event handler looks like:</p>
|
82
|
+
<pre>
|
83
|
+
$('#resizable1').bind('resize', function(event, ui) {
|
84
|
+
plot1.replot( { resetAxes: true } );
|
85
|
+
});
|
86
|
+
</pre>
|
87
|
+
</td>
|
88
|
+
</tr></table>
|
89
|
+
<table><tr>
|
90
|
+
<td>
|
91
|
+
|
92
|
+
<div id="resizable2" class="ui-widget-content">
|
93
|
+
<div id="chart2" style="height:96%; width:96%;"></div>
|
94
|
+
</div>
|
95
|
+
</td>
|
96
|
+
<td>
|
97
|
+
<p>The second plot uses an alternative sizing method that is more responsive in all browsers, especially IE. The differnece? First, the plot target is given a static height and width that will fit inside the resizable container. Then, instead of resizing dynamically with the container, the plots replot() method is called at the end of the resize. When resizing is done, the plot targets hieght and width are set to a percentage of the container's and then the replot method is called.</p>
|
98
|
+
|
99
|
+
<p>Also, an options object is passed into the replot method. It contains a single option, resetAxes, which, if true, resets all axes so the min, max, numberTicks and tickInterval are recalculated.</p>
|
100
|
+
<pre>
|
101
|
+
$('#resizable2').bind('resizestop', function(event, ui) {
|
102
|
+
$('#chart2').height($('#resizable2').height()*0.96);
|
103
|
+
$('#chart2').width($('#resizable2').width()*0.96);
|
104
|
+
plot2.replot({resetAxes:true});
|
105
|
+
});
|
106
|
+
</pre>
|
107
|
+
|
108
|
+
<p>You can also pass in option objects to reset specific axes like:</p>
|
109
|
+
|
110
|
+
<pre>
|
111
|
+
{resetAxes:['yaxis', 'y2axis']};
|
112
|
+
|
113
|
+
or
|
114
|
+
|
115
|
+
{resetAxes:{yaxis:true, y2axis:true}};
|
116
|
+
</pre>
|
117
|
+
|
118
|
+
</td></tr></table>
|
119
|
+
|
120
|
+
<pre class="code brush:js"></pre>
|
121
|
+
|
122
|
+
|
123
|
+
<script type="text/javascript" class="code">
|
124
|
+
|
125
|
+
$(document).ready(function(){
|
126
|
+
|
127
|
+
$.jqplot._noToImageButton = true;
|
128
|
+
|
129
|
+
var l1 = [18, 36, 41, 93, 100, 115, 133, 129, 119, 107, 91, 146, 169];
|
130
|
+
var l2 = [[8, 66], [13, 46], [22,14]];
|
131
|
+
var l3 = [[3.3, 7], [9.5, 22], [12.1, 37], [18.6, 95], [24, 102]];
|
132
|
+
|
133
|
+
var options = {
|
134
|
+
title: "Lines",
|
135
|
+
legend:{show:true, location:'se'},
|
136
|
+
seriesDefaults:{trendline:{show:true, type:"exp"}},
|
137
|
+
axes:{
|
138
|
+
yaxis:{
|
139
|
+
renderer:$.jqplot.LogAxisRenderer
|
140
|
+
}
|
141
|
+
}
|
142
|
+
};
|
143
|
+
|
144
|
+
$("#resizable1").resizable({delay:20});
|
145
|
+
$("#resizable2").resizable({delay:20, helper:'ui-resizable-helper'});
|
146
|
+
|
147
|
+
$('#resizable1').bind('resize', function(event, ui) {
|
148
|
+
// pass in resetAxes: true option to get rid of old ticks and axis properties
|
149
|
+
// which should be recomputed based on new plot size.
|
150
|
+
plot1.replot( { resetAxes: true } );
|
151
|
+
});
|
152
|
+
|
153
|
+
$('#resizable2').bind('resizestop', function(event, ui) {
|
154
|
+
$('#chart2').height($('#resizable2').height()*0.96);
|
155
|
+
$('#chart2').width($('#resizable2').width()*0.96);
|
156
|
+
// pass in resetAxes: true option to get rid of old ticks and axis properties
|
157
|
+
// which should be recomputed based on new plot size.
|
158
|
+
plot2.replot( { resetAxes:true } );
|
159
|
+
});
|
160
|
+
|
161
|
+
var plot1 = $.jqplot('chart1', [l1, l3], options);
|
162
|
+
var plot2 = $.jqplot('chart2', [l1, l3], options);
|
163
|
+
|
164
|
+
});
|
165
|
+
|
166
|
+
</script>
|
167
|
+
|
168
|
+
<!-- End example scripts -->
|
169
|
+
|
170
|
+
<!-- Don't touch this! -->
|
171
|
+
|
172
|
+
|
173
|
+
<script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script>
|
174
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script>
|
175
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
|
176
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
|
177
|
+
<!-- End Don't touch this! -->
|
178
|
+
|
179
|
+
<!-- Additional plugins go here -->
|
180
|
+
|
181
|
+
<script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script>
|
182
|
+
<script class="include" type="text/javascript" src="../plugins/jqplot.logAxisRenderer.min.js"></script>
|
183
|
+
<script class="include" type="text/javascript" src="../plugins/jqplot.trendline.min.js"></script>
|
184
|
+
|
185
|
+
<link class="include" type="text/css" href="jquery-ui/css/ui-lightness/jquery-ui.min.css" rel="Stylesheet" />
|
186
|
+
<script class="include" type="text/javascript" src="jquery-ui/js/jquery-ui.min.js"></script>
|
187
|
+
<!-- End additional plugins -->
|
188
|
+
|
189
|
+
|
190
|
+
</div>
|
191
|
+
<script type="text/javascript" src="example.min.js"></script>
|
192
|
+
|
193
|
+
</body>
|
194
|
+
|
195
|
+
|
196
|
+
</html>
|
@@ -0,0 +1,216 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
|
6
|
+
<title>Rotated Labels and Font Styling</title>
|
7
|
+
|
8
|
+
<link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css" />
|
9
|
+
<link rel="stylesheet" type="text/css" href="examples.min.css" />
|
10
|
+
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.min.css" />
|
11
|
+
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemejqPlot.min.css" />
|
12
|
+
|
13
|
+
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
|
14
|
+
<script class="include" type="text/javascript" src="../jquery.min.js"></script>
|
15
|
+
|
16
|
+
|
17
|
+
</head>
|
18
|
+
<body>
|
19
|
+
<div class="logo">
|
20
|
+
<div class="nav">
|
21
|
+
<a class="nav" href="../../../index.php"><span>></span>Home</a>
|
22
|
+
<a class="nav" href="../../../docs/"><span>></span>Docs</a>
|
23
|
+
<a class="nav" href="../../download/"><span>></span>Download</a>
|
24
|
+
<a class="nav" href="../../../info.php"><span>></span>Info</a>
|
25
|
+
<a class="nav" href="../../../donate.php"><span>></span>Donate</a>
|
26
|
+
</div>
|
27
|
+
</div>
|
28
|
+
<div class="example-content">
|
29
|
+
|
30
|
+
<div class="example-nav">
|
31
|
+
<a href="resizablePlot.html">Previous</a> <a href="./">Examples</a> <a href="rotatedTickLabelsZoom.html">Next</a></div>
|
32
|
+
|
33
|
+
|
34
|
+
<!-- Example scripts go here -->
|
35
|
+
|
36
|
+
<p>Rotated axis tick labels are possible through the "jqplot.canvasTextRenderer.min.js" and "jqplot.canvasAxisTickRenderer.min.js" plugins. Native canvas font rendering capabilities are used in supported browsers. This includes most recent browsers (including IE 9). In browsers which don't support native canvas font text, text is rendered in the Hershey font.</p>
|
37
|
+
|
38
|
+
<div id="chart1" style="height:300px; width:500px;"></div>
|
39
|
+
|
40
|
+
<pre class="code prettyprint brush: js"></pre>
|
41
|
+
|
42
|
+
|
43
|
+
|
44
|
+
<p>For comparison, here is the same graph with the "fontFamily" and "fontSize" set. If you have a supported browser, you should see a difference in label fonts.</p>
|
45
|
+
|
46
|
+
<div id="chart1b" style="height:300px; width:500px;"></div>
|
47
|
+
|
48
|
+
<pre class="code prettyprint brush: js"></pre>
|
49
|
+
|
50
|
+
|
51
|
+
<p>The default positioning applies to either primary or secondary axes and accounts for label rotation to ensure that the labels point to the appropriate bar or tick position.</p>
|
52
|
+
|
53
|
+
<p>Also note here the use of the "autoscale" option on the y axes. Turning this option on will force the y axes to line up tick marks for consistend grid lines across the grid.</p>
|
54
|
+
|
55
|
+
<div id="chart2" style="height:300px; width:500px;"></div>
|
56
|
+
|
57
|
+
<pre class="code prettyprint brush: js"></pre>
|
58
|
+
|
59
|
+
|
60
|
+
<p>You can override the default position by specifying a labelPosition of 'start', 'middle' or 'end'. The results probably are not as pleasing as the default 'auto' setting.</p>
|
61
|
+
|
62
|
+
<div id="chart3" style="height:300px; width:500px;"></div>
|
63
|
+
|
64
|
+
<pre class="code prettyprint brush: js"></pre>
|
65
|
+
|
66
|
+
|
67
|
+
<script class="code" type="text/javascript">
|
68
|
+
$(document).ready(function(){
|
69
|
+
var line1 = [['Cup Holder Pinion Bob', 7], ['Generic Fog Lamp', 9], ['HDTV Receiver', 15],
|
70
|
+
['8 Track Control Module', 12], [' Sludge Pump Fourier Modulator', 3],
|
71
|
+
['Transcender/Spice Rack', 6], ['Hair Spray Danger Indicator', 18]];
|
72
|
+
|
73
|
+
var plot1 = $.jqplot('chart1', [line1], {
|
74
|
+
title: 'Concern vs. Occurrance',
|
75
|
+
series:[{renderer:$.jqplot.BarRenderer}],
|
76
|
+
axesDefaults: {
|
77
|
+
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
|
78
|
+
tickOptions: {
|
79
|
+
angle: -30,
|
80
|
+
fontSize: '10pt'
|
81
|
+
}
|
82
|
+
},
|
83
|
+
axes: {
|
84
|
+
xaxis: {
|
85
|
+
renderer: $.jqplot.CategoryAxisRenderer
|
86
|
+
}
|
87
|
+
}
|
88
|
+
});
|
89
|
+
});
|
90
|
+
</script>
|
91
|
+
|
92
|
+
|
93
|
+
<script class="code" type="text/javascript">
|
94
|
+
$(document).ready(function(){
|
95
|
+
var line1 = [['Cup Holder Pinion Bob', 7], ['Generic Fog Lamp', 9], ['HDTV Receiver', 15],
|
96
|
+
['8 Track Control Module', 12], [' Sludge Pump Fourier Modulator', 3],
|
97
|
+
['Transcender/Spice Rack', 6], ['Hair Spray Danger Indicator', 18]];
|
98
|
+
var plot1b = $.jqplot('chart1b', [line1], {
|
99
|
+
title: 'Concern vs. Occurrance',
|
100
|
+
series:[{renderer:$.jqplot.BarRenderer}],
|
101
|
+
axesDefaults: {
|
102
|
+
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
|
103
|
+
tickOptions: {
|
104
|
+
fontFamily: 'Georgia',
|
105
|
+
fontSize: '10pt',
|
106
|
+
angle: -30
|
107
|
+
}
|
108
|
+
},
|
109
|
+
axes: {
|
110
|
+
xaxis: {
|
111
|
+
renderer: $.jqplot.CategoryAxisRenderer
|
112
|
+
}
|
113
|
+
}
|
114
|
+
});
|
115
|
+
});
|
116
|
+
</script>
|
117
|
+
|
118
|
+
|
119
|
+
<script class="code" type="text/javascript">
|
120
|
+
$(document).ready(function(){
|
121
|
+
var line1 = [['Cup Holder Pinion Bob', 7], ['Generic Fog Lamp', 9], ['HDTV Receiver', 15],
|
122
|
+
['8 Track Control Module', 12], [' Sludge Pump Fourier Modulator', 3],
|
123
|
+
['Transcender/Spice Rack', 6], ['Hair Spray Danger Indicator', 18]];
|
124
|
+
var line2 = [['Nickle', 28], ['Aluminum', 13], ['Xenon', 54], ['Silver', 47],
|
125
|
+
['Sulfer', 16], ['Silicon', 14], ['Vanadium', 23]];
|
126
|
+
|
127
|
+
var plot2 = $.jqplot('chart2', [line1, line2], {
|
128
|
+
series:[{renderer:$.jqplot.BarRenderer}, {xaxis:'x2axis', yaxis:'y2axis'}],
|
129
|
+
axesDefaults: {
|
130
|
+
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
|
131
|
+
tickOptions: {
|
132
|
+
angle: 30
|
133
|
+
}
|
134
|
+
},
|
135
|
+
axes: {
|
136
|
+
xaxis: {
|
137
|
+
renderer: $.jqplot.CategoryAxisRenderer
|
138
|
+
},
|
139
|
+
x2axis: {
|
140
|
+
renderer: $.jqplot.CategoryAxisRenderer
|
141
|
+
},
|
142
|
+
yaxis: {
|
143
|
+
autoscale:true
|
144
|
+
},
|
145
|
+
y2axis: {
|
146
|
+
autoscale:true
|
147
|
+
}
|
148
|
+
}
|
149
|
+
});
|
150
|
+
});
|
151
|
+
</script>
|
152
|
+
|
153
|
+
<script class="code" type="text/javascript">
|
154
|
+
$(document).ready(function(){
|
155
|
+
var line1 = [['Cup Holder Pinion Bob', 7], ['Generic Fog Lamp', 9], ['HDTV Receiver', 15],
|
156
|
+
['8 Track Control Module', 12], [' Sludge Pump Fourier Modulator', 3],
|
157
|
+
['Transcender/Spice Rack', 6], ['Hair Spray Danger Indicator', 18]];
|
158
|
+
var plot3 = $.jqplot('chart3', [line1], {
|
159
|
+
title: 'Concern vs. Occurrance',
|
160
|
+
series:[{renderer:$.jqplot.BarRenderer}],
|
161
|
+
axesDefaults: {
|
162
|
+
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
|
163
|
+
tickOptions: {
|
164
|
+
angle: -30
|
165
|
+
}
|
166
|
+
},
|
167
|
+
axes: {
|
168
|
+
xaxis: {
|
169
|
+
renderer: $.jqplot.CategoryAxisRenderer,
|
170
|
+
tickOptions: {
|
171
|
+
labelPosition: 'middle'
|
172
|
+
}
|
173
|
+
},
|
174
|
+
yaxis: {
|
175
|
+
autoscale:true,
|
176
|
+
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
|
177
|
+
tickOptions: {
|
178
|
+
labelPosition: 'start'
|
179
|
+
}
|
180
|
+
}
|
181
|
+
}
|
182
|
+
});
|
183
|
+
});
|
184
|
+
</script>
|
185
|
+
|
186
|
+
|
187
|
+
|
188
|
+
<!-- End example scripts -->
|
189
|
+
|
190
|
+
<!-- Don't touch this! -->
|
191
|
+
|
192
|
+
|
193
|
+
<script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script>
|
194
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script>
|
195
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
|
196
|
+
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
|
197
|
+
<!-- End Don't touch this! -->
|
198
|
+
|
199
|
+
<!-- Additional plugins go here -->
|
200
|
+
|
201
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.min.js"></script>
|
202
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.canvasTextRenderer.min.js"></script>
|
203
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
|
204
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
205
|
+
<script class="include" language="javascript" type="text/javascript" src="../plugins/jqplot.barRenderer.min.js"></script>
|
206
|
+
|
207
|
+
<!-- End additional plugins -->
|
208
|
+
|
209
|
+
|
210
|
+
</div>
|
211
|
+
<script type="text/javascript" src="example.min.js"></script>
|
212
|
+
|
213
|
+
</body>
|
214
|
+
|
215
|
+
|
216
|
+
</html>
|