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,65 @@
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
2
|
+
|
3
|
+
<html><head><title>$.jqplot.shapeRenderer</title><link rel="stylesheet" type="text/css" href="../styles/main.css"><script language=JavaScript src="../javascript/main.js"></script><script language=JavaScript src="../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad()"><script language=JavaScript><!--
|
4
|
+
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
|
5
|
+
|
6
|
+
<!-- Generated by Natural Docs, version 1.4 -->
|
7
|
+
<!-- http://www.naturaldocs.org -->
|
8
|
+
|
9
|
+
<!-- saved from url=(0026)http://www.naturaldocs.org -->
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><div class="CTitle logo"><div class="nav"><a class="nav" href="../../index.php"><span>></span>Home</a><a class="nav" href="../../tests/"><span>></span>Examples</a><a class="nav" href="../../docs/"><span>></span>Docs</a><a class="nav" href="http://bitbucket.org/cleonello/jqplot/downloads/"><span>></span>Download</a><a class="nav" href="../../info.php"><span>></span>Info</a><a class="nav" href="../../donate.php"><span>></span>Donate</a></div><a name="$.jqplot.shapeRenderer"></a>$.jqplot.<wbr>shapeRenderer</div><div class=CBody><p>The default jqPlot shape renderer. Given a set of points will plot them and either stroke a line (fill = false) or fill them (fill = true). If a filled shape is desired, closePath = true must also be set to close the shape.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#$.jqplot.shapeRenderer" >$.jqplot.<wbr>shapeRenderer</a></td><td class=SDescription>The default jqPlot shape renderer. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#$.jqplot.shapeRenderer.Properties" >Properties</a></td><td class=SDescription></td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.shapeRenderer.linePattern" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">linePattern</a></td><td class=SDescription>line pattern ‘dashed’, ‘dotted’, ‘solid’, some combination of ‘-’ and ‘.’</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#$.jqplot.shapeRenderer.lineJoin" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">lineJoin</a></td><td class=SDescription>How line segments of the shadow are joined.</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.shapeRenderer.lineCap" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">lineCap</a></td><td class=SDescription>how ends of the shadow line are rendered.</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#$.jqplot.shapeRenderer.fill" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">fill</a></td><td class=SDescription>whether to fill the shape.</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.shapeRenderer.isarc" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">isarc</a></td><td class=SDescription>wether the shadow is an arc or not.</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#$.jqplot.shapeRenderer.fillRect" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">fillRect</a></td><td class=SDescription>true to draw shape as a filled rectangle.</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.shapeRenderer.strokeRect" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">strokeRect</a></td><td class=SDescription>true to draw shape as a stroked rectangle.</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#$.jqplot.shapeRenderer.clearRect" id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">clearRect</a></td><td class=SDescription>true to cear a rectangle.</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.shapeRenderer.strokeStyle" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">strokeStyle</a></td><td class=SDescription>css color spec for the stoke style</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#$.jqplot.shapeRenderer.fillStyle" id=link10 onMouseOver="ShowTip(event, 'tt10', 'link10')" onMouseOut="HideTip('tt10')">fillStyle</a></td><td class=SDescription>css color spec for the fill style.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#$.jqplot.shapeRenderer.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.shapeRenderer.draw" id=link11 onMouseOver="ShowTip(event, 'tt11', 'link11')" onMouseOut="HideTip('tt11')">draw</a></td><td class=SDescription>draws the shape.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
|
15
|
+
|
16
|
+
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.Properties"></a>Properties</h3></div></div>
|
17
|
+
|
18
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.linePattern"></a>linePattern</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.linePattern = 'solid'</td></tr></table></blockquote><p>line pattern ‘dashed’, ‘dotted’, ‘solid’, some combination of ‘-’ and ‘.’ characters such as ‘.-.’ or a numerical array like [draw, skip, draw, skip, ...] such as [1, 10] to draw a dotted line, [1, 10, 20, 10] to draw a dot-dash line, and so on.</p></div></div></div>
|
19
|
+
|
20
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.lineJoin"></a>lineJoin</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.lineJoin = 'miter'</td></tr></table></blockquote><p>How line segments of the shadow are joined.</p></div></div></div>
|
21
|
+
|
22
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.lineCap"></a>lineCap</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.lineCap = 'round'</td></tr></table></blockquote><p>how ends of the shadow line are rendered.</p></div></div></div>
|
23
|
+
|
24
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.fill"></a>fill</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.fill = false</td></tr></table></blockquote><p>whether to fill the shape.</p></div></div></div>
|
25
|
+
|
26
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.isarc"></a>isarc</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.isarc = false</td></tr></table></blockquote><p>wether the shadow is an arc or not.</p></div></div></div>
|
27
|
+
|
28
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.fillRect"></a>fillRect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.fillRect = false</td></tr></table></blockquote><p>true to draw shape as a filled rectangle.</p></div></div></div>
|
29
|
+
|
30
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.strokeRect"></a>strokeRect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.strokeRect = false</td></tr></table></blockquote><p>true to draw shape as a stroked rectangle.</p></div></div></div>
|
31
|
+
|
32
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.clearRect"></a>clearRect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.clearRect = false</td></tr></table></blockquote><p>true to cear a rectangle.</p></div></div></div>
|
33
|
+
|
34
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.strokeStyle"></a>strokeStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.strokeStyle = '#999999'</td></tr></table></blockquote><p>css color spec for the stoke style</p></div></div></div>
|
35
|
+
|
36
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.fillStyle"></a>fillStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.fillStyle = '#999999'</td></tr></table></blockquote><p>css color spec for the fill style.</p></div></div></div>
|
37
|
+
|
38
|
+
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.Functions"></a>Functions</h3></div></div>
|
39
|
+
|
40
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.shapeRenderer.draw"></a>draw</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ShapeRenderer.prototype.draw = function(</td><td class=PParameter nowrap>ctx,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>options</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>draws the shape.</p><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>ctx</td><td class=CDLDescription>canvas drawing context</td></tr><tr><td class=CDLEntry>points</td><td class=CDLDescription>array of points for shapes or [x, y, width, height] for rectangles or [x, y, radius, start angle (rad), end angle (rad)] for circles and arcs.</td></tr></table></div></div></div>
|
41
|
+
|
42
|
+
</div><!--Content-->
|
43
|
+
|
44
|
+
|
45
|
+
<div id=Footer>Copyright © 2009 - 2010 Chris Leonello · Updated November 9th, 2011 · <a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
|
46
|
+
|
47
|
+
|
48
|
+
<div id=Menu><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Usage and Options</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="usage-txt.html">Usage</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotOptions-txt.html">jqPlot Options</a></div></div><div class=MEntry><div class=MFile><a href="optionsTutorial-txt.html">Options Tutorial</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotCssStyling-txt.html">jqPlot CSS Customization</a></div></div><div class=MEntry><div class=MFile><a href="changes-txt.html">Change Log</a></div></div><div class=MEntry><div class=MLink><a href="../../tests/">Examples</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">API Documentation</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="jqplot-core-js.html">jqPlot Charts</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Core Renderers</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="jqplot-axisTickRenderer-js.html">Axis Tick Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-canvasGridRenderer-js.html">Canvas Grid Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-divTitleRenderer-js.html">Div Title Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-linearAxisRenderer-js.html">Linear Axis Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-markerRenderer-js.html">Marker Renderer</a></div></div><div class=MEntry><div class=MFile id=MSelected>Shape Renderer</div></div><div class=MEntry><div class=MFile><a href="jqplot-shadowRenderer-js.html">Shadow Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-lineRenderer-js.html">Line Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-axisLabelRenderer-js.html">Axis Label Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-themeEngine-js.html">Theme Engine</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-toImage-js.html">fn</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Plugins</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="plugins/jqplot-barRenderer-js.html">jqplot.<wbr>BarRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-BezierCurveRenderer-js.html">jqplot.<wbr>BezierCurveRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-blockRenderer-js.html">jqplot.<wbr>BlockRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-bubbleRenderer-js.html">jqplot.<wbr>BubbleRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisLabelRenderer-js.html">jqplot.<wbr>CanvasAxisLabelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisTickRenderer-js.html">jqplot.<wbr>CanvasAxisTickRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidGridRenderer-js.html">jqplot.<wbr>CanvasGridRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasOverlay-js.html">jqplot.<wbr>CanvasOverlay</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-categoryAxisRenderer-js.html">jqplot.<wbr>CategoryAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ciParser-js.html">jqplot.<wbr>ciParser</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-cursor-js.html">jqplot.<wbr>Cursor</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dateAxisRenderer-js.html">jqplot.<wbr>DateAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-donutRenderer-js.html">jqplot.<wbr>DonutRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dragable-js.html">jqplot.<wbr>Dragable</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-enhancedLegendRenderer-js.html">jqplot.<wbr>enhancedLegendRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-funnelRenderer-js.html">jqplot.<wbr>FunnelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-highlighter-js.html">jqplot.<wbr>Highlighter</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-logAxisRenderer-js.html">jqplot.<wbr>LogAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoAxisRenderer-js.html">jqplot.<wbr>MekkoAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoRenderer-js.html">jqplot.<wbr>MekkoRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-meterGaugeRenderer-js.html">jqplot.<wbr>MeterGaugeRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ohlcRenderer-js.html">jqplot.<wbr>OHLCRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pieRenderer-js.html">jqplot.<wbr>PieRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pointLabels-js.html">jqplot.<wbr>PointLabels</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidAxisRenderer-js.html">jqplot.<wbr>pyramidAxisRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidRenderer-js.html">jqplot.<wbr>pyramidRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-trendline-js.html">jqplot.<wbr>Trendline</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="gpl-2-0-txt.html">GPL License</a></div></div><div class=MEntry><div class=MFile><a href="MIT-LICENSE-txt.html">MIT License</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Index</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MIndex><a href="../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Properties.html">Properties</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Hooks.html">Hooks</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Files.html">Files</a></div></div></div></div></div><script type="text/javascript"><!--
|
49
|
+
var searchPanel = new SearchPanel("searchPanel", "HTML", "../search");
|
50
|
+
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Hooks">Hooks</option><option value="Properties">Properties</option></select></div><script language=JavaScript><!--
|
51
|
+
HideAllBut([2, 4], 6);// --></script></div><!--Menu-->
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
<!--START_ND_TOOLTIPS-->
|
56
|
+
<div class=CToolTip id="tt1"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.linePattern = 'solid'</td></tr></table></blockquote>line pattern ‘dashed’, ‘dotted’, ‘solid’, some combination of ‘-’ and ‘.’</div></div><div class=CToolTip id="tt2"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.lineJoin = 'miter'</td></tr></table></blockquote>How line segments of the shadow are joined.</div></div><div class=CToolTip id="tt3"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.lineCap = 'round'</td></tr></table></blockquote>how ends of the shadow line are rendered.</div></div><div class=CToolTip id="tt4"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.fill = false</td></tr></table></blockquote>whether to fill the shape.</div></div><div class=CToolTip id="tt5"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.isarc = false</td></tr></table></blockquote>wether the shadow is an arc or not.</div></div><div class=CToolTip id="tt6"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.fillRect = false</td></tr></table></blockquote>true to draw shape as a filled rectangle.</div></div><div class=CToolTip id="tt7"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.strokeRect = false</td></tr></table></blockquote>true to draw shape as a stroked rectangle.</div></div><div class=CToolTip id="tt8"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.clearRect = false</td></tr></table></blockquote>true to cear a rectangle.</div></div><div class=CToolTip id="tt9"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.strokeStyle = '#999999'</td></tr></table></blockquote>css color spec for the stoke style</div></div><div class=CToolTip id="tt10"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.fillStyle = '#999999'</td></tr></table></blockquote>css color spec for the fill style.</div></div><div class=CToolTip id="tt11"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ShapeRenderer.prototype.draw = function(</td><td class=PParameter nowrap>ctx,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>options</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>draws the shape.</div></div><!--END_ND_TOOLTIPS-->
|
57
|
+
|
58
|
+
|
59
|
+
|
60
|
+
|
61
|
+
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
|
62
|
+
|
63
|
+
|
64
|
+
<script language=JavaScript><!--
|
65
|
+
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>
|
@@ -0,0 +1,191 @@
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
2
|
+
|
3
|
+
<html><head><title>$.jqplot.ThemeEngine</title><link rel="stylesheet" type="text/css" href="../styles/main.css"><script language=JavaScript src="../javascript/main.js"></script><script language=JavaScript src="../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad()"><script language=JavaScript><!--
|
4
|
+
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
|
5
|
+
|
6
|
+
<!-- Generated by Natural Docs, version 1.4 -->
|
7
|
+
<!-- http://www.naturaldocs.org -->
|
8
|
+
|
9
|
+
<!-- saved from url=(0026)http://www.naturaldocs.org -->
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><div class="CTitle logo"><div class="nav"><a class="nav" href="../../index.php"><span>></span>Home</a><a class="nav" href="../../tests/"><span>></span>Examples</a><a class="nav" href="../../docs/"><span>></span>Docs</a><a class="nav" href="http://bitbucket.org/cleonello/jqplot/downloads/"><span>></span>Download</a><a class="nav" href="../../info.php"><span>></span>Info</a><a class="nav" href="../../donate.php"><span>></span>Donate</a></div><a name="$.jqplot.ThemeEngine"></a>$.jqplot.<wbr>ThemeEngine</div><div class=CBody><p>Theme Engine provides a programatic way to change some of the more common jqplot styling options such as fonts, colors and grid options. A theme engine instance is created with each plot. The theme engine manages a collection of themes which can be modified, added to, or applied to the plot.</p><p>The themeEngine class is not instantiated directly. When a plot is initialized, the current plot options are scanned an a default theme named “Default” is created. This theme is used as the basis for other themes added to the theme engine and is always available.</p><p>A theme is a simple javascript object with styling parameters for various entities of the plot. A theme has the form:</p><blockquote><pre>{
|
15
|
+
_name:f "Default",
|
16
|
+
target: {
|
17
|
+
backgroundColor: "transparent"
|
18
|
+
},
|
19
|
+
legend: {
|
20
|
+
textColor: null,
|
21
|
+
fontFamily: null,
|
22
|
+
fontSize: null,
|
23
|
+
border: null,
|
24
|
+
background: null
|
25
|
+
},
|
26
|
+
title: {
|
27
|
+
textColor: "rgb(102, 102, 102)",
|
28
|
+
fontFamily: "'Trebuchet MS',Arial,Helvetica,sans-serif",
|
29
|
+
fontSize: "19.2px",
|
30
|
+
textAlign: "center"
|
31
|
+
},
|
32
|
+
seriesStyles: {},
|
33
|
+
series: [{
|
34
|
+
color: "#4bb2c5",
|
35
|
+
lineWidth: 2.5,
|
36
|
+
linePattern: "solid",
|
37
|
+
shadow: true,
|
38
|
+
fillColor: "#4bb2c5",
|
39
|
+
showMarker: true,
|
40
|
+
markerOptions: {
|
41
|
+
color: "#4bb2c5",
|
42
|
+
show: true,
|
43
|
+
style: 'filledCircle',
|
44
|
+
lineWidth: 1.5,
|
45
|
+
size: 4,
|
46
|
+
shadow: true
|
47
|
+
}
|
48
|
+
}],
|
49
|
+
grid: {
|
50
|
+
drawGridlines: true,
|
51
|
+
gridLineColor: "#cccccc",
|
52
|
+
gridLineWidth: 1,
|
53
|
+
backgroundColor: "#fffdf6",
|
54
|
+
borderColor: "#999999",
|
55
|
+
borderWidth: 2,
|
56
|
+
shadow: true
|
57
|
+
},
|
58
|
+
axesStyles: {
|
59
|
+
label: {},
|
60
|
+
ticks: {}
|
61
|
+
},
|
62
|
+
axes: {
|
63
|
+
xaxis: {
|
64
|
+
borderColor: "#999999",
|
65
|
+
borderWidth: 2,
|
66
|
+
ticks: {
|
67
|
+
show: true,
|
68
|
+
showGridline: true,
|
69
|
+
showLabel: true,
|
70
|
+
showMark: true,
|
71
|
+
size: 4,
|
72
|
+
textColor: "",
|
73
|
+
whiteSpace: "nowrap",
|
74
|
+
fontSize: "12px",
|
75
|
+
fontFamily: "'Trebuchet MS',Arial,Helvetica,sans-serif"
|
76
|
+
},
|
77
|
+
label: {
|
78
|
+
textColor: "rgb(102, 102, 102)",
|
79
|
+
whiteSpace: "normal",
|
80
|
+
fontSize: "14.6667px",
|
81
|
+
fontFamily: "'Trebuchet MS',Arial,Helvetica,sans-serif",
|
82
|
+
fontWeight: "400"
|
83
|
+
}
|
84
|
+
},
|
85
|
+
yaxis: {
|
86
|
+
borderColor: "#999999",
|
87
|
+
borderWidth: 2,
|
88
|
+
ticks: {
|
89
|
+
show: true,
|
90
|
+
showGridline: true,
|
91
|
+
showLabel: true,
|
92
|
+
showMark: true,
|
93
|
+
size: 4,
|
94
|
+
textColor: "",
|
95
|
+
whiteSpace: "nowrap",
|
96
|
+
fontSize: "12px",
|
97
|
+
fontFamily: "'Trebuchet MS',Arial,Helvetica,sans-serif"
|
98
|
+
},
|
99
|
+
label: {
|
100
|
+
textColor: null,
|
101
|
+
whiteSpace: null,
|
102
|
+
fontSize: null,
|
103
|
+
fontFamily: null,
|
104
|
+
fontWeight: null
|
105
|
+
}
|
106
|
+
},
|
107
|
+
x2axis: {...
|
108
|
+
},
|
109
|
+
...
|
110
|
+
y9axis: {...
|
111
|
+
}
|
112
|
+
}
|
113
|
+
}</pre></blockquote><p>”seriesStyles” is a style object that will be applied to all series in the plot. It will forcibly override any styles applied on the individual series. “axesStyles” is a style object that will be applied to all axes in the plot. It will also forcibly override any styles on the individual axes.</p><p>The example shown above has series options for a line series. Options for other series types are shown below:</p><h4 class=CHeading>Bar Series</h4><blockquote><pre>{
|
114
|
+
color: "#4bb2c5",
|
115
|
+
seriesColors: ["#4bb2c5", "#EAA228", "#c5b47f", "#579575", "#839557", "#958c12", "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc", "#c747a3", "#cddf54", "#FBD178", "#26B4E3", "#bd70c7"],
|
116
|
+
lineWidth: 2.5,
|
117
|
+
shadow: true,
|
118
|
+
barPadding: 2,
|
119
|
+
barMargin: 10,
|
120
|
+
barWidth: 15.09375,
|
121
|
+
highlightColors: ["rgb(129,201,214)", "rgb(129,201,214)", "rgb(129,201,214)", "rgb(129,201,214)", "rgb(129,201,214)", "rgb(129,201,214)", "rgb(129,201,214)", "rgb(129,201,214)"]
|
122
|
+
}</pre></blockquote><h4 class=CHeading>Pie Series</h4><blockquote><pre>{
|
123
|
+
seriesColors: ["#4bb2c5", "#EAA228", "#c5b47f", "#579575", "#839557", "#958c12", "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc", "#c747a3", "#cddf54", "#FBD178", "#26B4E3", "#bd70c7"],
|
124
|
+
padding: 20,
|
125
|
+
sliceMargin: 0,
|
126
|
+
fill: true,
|
127
|
+
shadow: true,
|
128
|
+
startAngle: 0,
|
129
|
+
lineWidth: 2.5,
|
130
|
+
highlightColors: ["rgb(129,201,214)", "rgb(240,189,104)", "rgb(214,202,165)", "rgb(137,180,158)", "rgb(168,180,137)", "rgb(180,174,89)", "rgb(180,113,161)", "rgb(129,141,236)", "rgb(227,205,120)", "rgb(255,138,76)", "rgb(76,169,219)", "rgb(215,126,190)", "rgb(220,232,135)", "rgb(200,167,96)", "rgb(103,202,235)", "rgb(208,154,215)"]
|
131
|
+
}</pre></blockquote><h4 class=CHeading>Funnel Series</h4><blockquote><pre>{
|
132
|
+
color: "#4bb2c5",
|
133
|
+
lineWidth: 2,
|
134
|
+
shadow: true,
|
135
|
+
padding: {
|
136
|
+
top: 20,
|
137
|
+
right: 20,
|
138
|
+
bottom: 20,
|
139
|
+
left: 20
|
140
|
+
},
|
141
|
+
sectionMargin: 6,
|
142
|
+
seriesColors: ["#4bb2c5", "#EAA228", "#c5b47f", "#579575", "#839557", "#958c12", "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc", "#c747a3", "#cddf54", "#FBD178", "#26B4E3", "#bd70c7"],
|
143
|
+
highlightColors: ["rgb(147,208,220)", "rgb(242,199,126)", "rgb(220,210,178)", "rgb(154,191,172)", "rgb(180,191,154)", "rgb(191,186,112)", "rgb(191,133,174)", "rgb(147,157,238)", "rgb(231,212,139)", "rgb(255,154,102)", "rgb(102,181,224)", "rgb(221,144,199)", "rgb(225,235,152)", "rgb(200,167,96)", "rgb(124,210,238)", "rgb(215,169,221)"]
|
144
|
+
}</pre></blockquote><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#$.jqplot.ThemeEngine" >$.jqplot.<wbr>ThemeEngine</a></td><td class=SDescription>Theme Engine provides a programatic way to change some of the more common jqplot styling options such as fonts, colors and grid options. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#$.jqplot.ThemeEngine.Properties" >Properties</a></td><td class=SDescription></td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.ThemeEngine.themes" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">themes</a></td><td class=SDescription>hash of themes managed by the theme engine. </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#$.jqplot.ThemeEngine.activeTheme" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">activeTheme</a></td><td class=SDescription>Pointer to currently active theme</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#$.jqplot.ThemeEngine.methods" >methods</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.ThemeEngine.get" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">get</a></td><td class=SDescription>Get and return the named theme or the active theme if no name given.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#$.jqplot.ThemeEngine.getThemeNames" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">getThemeNames</a></td><td class=SDescription>Return the list of theme names in this manager in alpha-numerical order.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.ThemeEngine.getThemes" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">getThemes</a></td><td class=SDescription>Return a list of themes in alpha-numerical order by name.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#$.jqplot.ThemeEngine.remove" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">remove</a></td><td class=SDescription>Remove the given theme from the themeEngine.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.ThemeEngine.newTheme" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">newTheme</a></td><td class=SDescription>Create a new theme based on the default theme, adding it the themeEngine.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#$.jqplot.ThemeEngine.rename" id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">rename</a></td><td class=SDescription>Rename a theme.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#$.jqplot.ThemeEngine.copy" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">copy</a></td><td class=SDescription>Create a copy of an existing theme in the themeEngine, adding it the themeEngine.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
|
145
|
+
|
146
|
+
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.Properties"></a>Properties</h3></div></div>
|
147
|
+
|
148
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.themes"></a>themes</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.themes = {}</td></tr></table></blockquote><p>hash of themes managed by the theme engine. Indexed by theme name.</p></div></div></div>
|
149
|
+
|
150
|
+
<div class="CProperty"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.activeTheme"></a>activeTheme</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.activeTheme=null</td></tr></table></blockquote><p>Pointer to currently active theme</p></div></div></div>
|
151
|
+
|
152
|
+
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.methods"></a>methods</h3></div></div>
|
153
|
+
|
154
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.get"></a>get</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.get = function(</td><td class=PParameter nowrap>name</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Get and return the named theme or the active theme if no name given.</p><h4 class=CHeading>parameter</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>name</td><td class=CDLDescription>name of theme to get.</td></tr></table><h4 class=CHeading>returns</h4><p>Theme instance of given name.</p></div></div></div>
|
155
|
+
|
156
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.getThemeNames"></a>getThemeNames</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>$.jqplot.ThemeEngine.prototype.getThemeNames = function()</td></tr></table></blockquote><p>Return the list of theme names in this manager in alpha-numerical order.</p><h4 class=CHeading>parameter</h4><p>None</p><h4 class=CHeading>returns</h4><p>A the list of theme names in this manager in alpha-numerical order.</p></div></div></div>
|
157
|
+
|
158
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.getThemes"></a>getThemes</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>$.jqplot.ThemeEngine.prototype.getThemes = function()</td></tr></table></blockquote><p>Return a list of themes in alpha-numerical order by name.</p><h4 class=CHeading>parameter</h4><p>None</p><h4 class=CHeading>returns</h4><p>A list of themes in alpha-numerical order by name.</p></div></div></div>
|
159
|
+
|
160
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.remove"></a>remove</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.remove = function(</td><td class=PParameter nowrap>name</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Remove the given theme from the themeEngine.</p><h4 class=CHeading>parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>name</td><td class=CDLDescription>name of the theme to remove.</td></tr></table><h4 class=CHeading>returns</h4><p>true on success, false on failure.</p></div></div></div>
|
161
|
+
|
162
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.newTheme"></a>newTheme</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.newTheme = function(</td><td class=PParameter nowrap>name,</td></tr><tr><td></td><td class=PParameter nowrap>obj</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Create a new theme based on the default theme, adding it the themeEngine.</p><h4 class=CHeading>parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>name</td><td class=CDLDescription>name of the new theme.</td></tr><tr><td class=CDLEntry>obj</td><td class=CDLDescription>optional object of styles to be applied to this new theme.</td></tr></table><h4 class=CHeading>returns</h4><p>new Theme object.</p></div></div></div>
|
163
|
+
|
164
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.rename"></a>rename</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.rename = function (</td><td class=PParameter nowrap>oldName,</td></tr><tr><td></td><td class=PParameter nowrap>newName</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Rename a theme.</p><h4 class=CHeading>parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>oldName</td><td class=CDLDescription>current name of the theme.</td></tr><tr><td class=CDLEntry>newName</td><td class=CDLDescription>desired name of the theme.</td></tr></table><h4 class=CHeading>returns</h4><p>new Theme object.</p></div></div></div>
|
165
|
+
|
166
|
+
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="$.jqplot.ThemeEngine.copy"></a>copy</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.copy = function (</td><td class=PParameter nowrap>sourceName,</td></tr><tr><td></td><td class=PParameter nowrap>targetName,</td></tr><tr><td></td><td class=PParameter nowrap>obj</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Create a copy of an existing theme in the themeEngine, adding it the themeEngine.</p><h4 class=CHeading>parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>sourceName</td><td class=CDLDescription>name of the existing theme.</td></tr><tr><td class=CDLEntry>targetName</td><td class=CDLDescription>name of the copy.</td></tr><tr><td class=CDLEntry>obj</td><td class=CDLDescription>optional object of style parameter to apply to the new theme.</td></tr></table><h4 class=CHeading>returns</h4><p>new Theme object.</p></div></div></div>
|
167
|
+
|
168
|
+
</div><!--Content-->
|
169
|
+
|
170
|
+
|
171
|
+
<div id=Footer>Copyright © 2009 - 2010 Chris Leonello · Updated November 9th, 2011 · <a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
|
172
|
+
|
173
|
+
|
174
|
+
<div id=Menu><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Usage and Options</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="usage-txt.html">Usage</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotOptions-txt.html">jqPlot Options</a></div></div><div class=MEntry><div class=MFile><a href="optionsTutorial-txt.html">Options Tutorial</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotCssStyling-txt.html">jqPlot CSS Customization</a></div></div><div class=MEntry><div class=MFile><a href="changes-txt.html">Change Log</a></div></div><div class=MEntry><div class=MLink><a href="../../tests/">Examples</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">API Documentation</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="jqplot-core-js.html">jqPlot Charts</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Core Renderers</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="jqplot-axisTickRenderer-js.html">Axis Tick Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-canvasGridRenderer-js.html">Canvas Grid Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-divTitleRenderer-js.html">Div Title Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-linearAxisRenderer-js.html">Linear Axis Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-markerRenderer-js.html">Marker Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-shapeRenderer-js.html">Shape Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-shadowRenderer-js.html">Shadow Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-lineRenderer-js.html">Line Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-axisLabelRenderer-js.html">Axis Label Renderer</a></div></div><div class=MEntry><div class=MFile id=MSelected>Theme Engine</div></div><div class=MEntry><div class=MFile><a href="jqplot-toImage-js.html">fn</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Plugins</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="plugins/jqplot-barRenderer-js.html">jqplot.<wbr>BarRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-BezierCurveRenderer-js.html">jqplot.<wbr>BezierCurveRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-blockRenderer-js.html">jqplot.<wbr>BlockRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-bubbleRenderer-js.html">jqplot.<wbr>BubbleRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisLabelRenderer-js.html">jqplot.<wbr>CanvasAxisLabelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisTickRenderer-js.html">jqplot.<wbr>CanvasAxisTickRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidGridRenderer-js.html">jqplot.<wbr>CanvasGridRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasOverlay-js.html">jqplot.<wbr>CanvasOverlay</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-categoryAxisRenderer-js.html">jqplot.<wbr>CategoryAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ciParser-js.html">jqplot.<wbr>ciParser</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-cursor-js.html">jqplot.<wbr>Cursor</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dateAxisRenderer-js.html">jqplot.<wbr>DateAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-donutRenderer-js.html">jqplot.<wbr>DonutRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dragable-js.html">jqplot.<wbr>Dragable</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-enhancedLegendRenderer-js.html">jqplot.<wbr>enhancedLegendRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-funnelRenderer-js.html">jqplot.<wbr>FunnelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-highlighter-js.html">jqplot.<wbr>Highlighter</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-logAxisRenderer-js.html">jqplot.<wbr>LogAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoAxisRenderer-js.html">jqplot.<wbr>MekkoAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoRenderer-js.html">jqplot.<wbr>MekkoRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-meterGaugeRenderer-js.html">jqplot.<wbr>MeterGaugeRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ohlcRenderer-js.html">jqplot.<wbr>OHLCRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pieRenderer-js.html">jqplot.<wbr>PieRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pointLabels-js.html">jqplot.<wbr>PointLabels</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidAxisRenderer-js.html">jqplot.<wbr>pyramidAxisRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidRenderer-js.html">jqplot.<wbr>pyramidRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-trendline-js.html">jqplot.<wbr>Trendline</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="gpl-2-0-txt.html">GPL License</a></div></div><div class=MEntry><div class=MFile><a href="MIT-LICENSE-txt.html">MIT License</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Index</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MIndex><a href="../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Properties.html">Properties</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Hooks.html">Hooks</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Files.html">Files</a></div></div></div></div></div><script type="text/javascript"><!--
|
175
|
+
var searchPanel = new SearchPanel("searchPanel", "HTML", "../search");
|
176
|
+
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Hooks">Hooks</option><option value="Properties">Properties</option></select></div><script language=JavaScript><!--
|
177
|
+
HideAllBut([2, 4], 6);// --></script></div><!--Menu-->
|
178
|
+
|
179
|
+
|
180
|
+
|
181
|
+
<!--START_ND_TOOLTIPS-->
|
182
|
+
<div class=CToolTip id="tt1"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.themes = {}</td></tr></table></blockquote>hash of themes managed by the theme engine. </div></div><div class=CToolTip id="tt2"><div class=CProperty><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.activeTheme=null</td></tr></table></blockquote>Pointer to currently active theme</div></div><div class=CToolTip id="tt3"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.get = function(</td><td class=PParameter nowrap>name</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Get and return the named theme or the active theme if no name given.</div></div><div class=CToolTip id="tt4"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>$.jqplot.ThemeEngine.prototype.getThemeNames = function()</td></tr></table></blockquote>Return the list of theme names in this manager in alpha-numerical order.</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>$.jqplot.ThemeEngine.prototype.getThemes = function()</td></tr></table></blockquote>Return a list of themes in alpha-numerical order by name.</div></div><div class=CToolTip id="tt6"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.remove = function(</td><td class=PParameter nowrap>name</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Remove the given theme from the themeEngine.</div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.newTheme = function(</td><td class=PParameter nowrap>name,</td></tr><tr><td></td><td class=PParameter nowrap>obj</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Create a new theme based on the default theme, adding it the themeEngine.</div></div><div class=CToolTip id="tt8"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.rename = function (</td><td class=PParameter nowrap>oldName,</td></tr><tr><td></td><td class=PParameter nowrap>newName</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Rename a theme.</div></div><div class=CToolTip id="tt9"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>$.jqplot.ThemeEngine.prototype.copy = function (</td><td class=PParameter nowrap>sourceName,</td></tr><tr><td></td><td class=PParameter nowrap>targetName,</td></tr><tr><td></td><td class=PParameter nowrap>obj</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Create a copy of an existing theme in the themeEngine, adding it the themeEngine.</div></div><!--END_ND_TOOLTIPS-->
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
|
187
|
+
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
|
188
|
+
|
189
|
+
|
190
|
+
<script language=JavaScript><!--
|
191
|
+
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>
|
@@ -0,0 +1,39 @@
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
2
|
+
|
3
|
+
<html><head><title>$.fn</title><link rel="stylesheet" type="text/css" href="../styles/main.css"><script language=JavaScript src="../javascript/main.js"></script><script language=JavaScript src="../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad()"><script language=JavaScript><!--
|
4
|
+
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
|
5
|
+
|
6
|
+
<!-- Generated by Natural Docs, version 1.4 -->
|
7
|
+
<!-- http://www.naturaldocs.org -->
|
8
|
+
|
9
|
+
<!-- saved from url=(0026)http://www.naturaldocs.org -->
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><div class="CTitle logo"><div class="nav"><a class="nav" href="../../index.php"><span>></span>Home</a><a class="nav" href="../../tests/"><span>></span>Examples</a><a class="nav" href="../../docs/"><span>></span>Docs</a><a class="nav" href="http://bitbucket.org/cleonello/jqplot/downloads/"><span>></span>Download</a><a class="nav" href="../../info.php"><span>></span>Info</a><a class="nav" href="../../donate.php"><span>></span>Donate</a></div><a name="$.fn"></a>$.fn</div><div class=CBody><p>jQuery namespace to attach functions to jQuery elements.</p></div></div></div>
|
15
|
+
|
16
|
+
</div><!--Content-->
|
17
|
+
|
18
|
+
|
19
|
+
<div id=Footer>Copyright © 2009 - 2010 Chris Leonello · Updated November 9th, 2011 · <a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
|
20
|
+
|
21
|
+
|
22
|
+
<div id=Menu><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Usage and Options</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="usage-txt.html">Usage</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotOptions-txt.html">jqPlot Options</a></div></div><div class=MEntry><div class=MFile><a href="optionsTutorial-txt.html">Options Tutorial</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotCssStyling-txt.html">jqPlot CSS Customization</a></div></div><div class=MEntry><div class=MFile><a href="changes-txt.html">Change Log</a></div></div><div class=MEntry><div class=MLink><a href="../../tests/">Examples</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">API Documentation</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="jqplot-core-js.html">jqPlot Charts</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Core Renderers</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="jqplot-axisTickRenderer-js.html">Axis Tick Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-canvasGridRenderer-js.html">Canvas Grid Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-divTitleRenderer-js.html">Div Title Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-linearAxisRenderer-js.html">Linear Axis Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-markerRenderer-js.html">Marker Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-shapeRenderer-js.html">Shape Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-shadowRenderer-js.html">Shadow Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-lineRenderer-js.html">Line Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-axisLabelRenderer-js.html">Axis Label Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-themeEngine-js.html">Theme Engine</a></div></div><div class=MEntry><div class=MFile id=MSelected>fn</div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Plugins</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="plugins/jqplot-barRenderer-js.html">jqplot.<wbr>BarRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-BezierCurveRenderer-js.html">jqplot.<wbr>BezierCurveRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-blockRenderer-js.html">jqplot.<wbr>BlockRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-bubbleRenderer-js.html">jqplot.<wbr>BubbleRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisLabelRenderer-js.html">jqplot.<wbr>CanvasAxisLabelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisTickRenderer-js.html">jqplot.<wbr>CanvasAxisTickRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidGridRenderer-js.html">jqplot.<wbr>CanvasGridRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasOverlay-js.html">jqplot.<wbr>CanvasOverlay</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-categoryAxisRenderer-js.html">jqplot.<wbr>CategoryAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ciParser-js.html">jqplot.<wbr>ciParser</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-cursor-js.html">jqplot.<wbr>Cursor</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dateAxisRenderer-js.html">jqplot.<wbr>DateAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-donutRenderer-js.html">jqplot.<wbr>DonutRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dragable-js.html">jqplot.<wbr>Dragable</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-enhancedLegendRenderer-js.html">jqplot.<wbr>enhancedLegendRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-funnelRenderer-js.html">jqplot.<wbr>FunnelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-highlighter-js.html">jqplot.<wbr>Highlighter</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-logAxisRenderer-js.html">jqplot.<wbr>LogAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoAxisRenderer-js.html">jqplot.<wbr>MekkoAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoRenderer-js.html">jqplot.<wbr>MekkoRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-meterGaugeRenderer-js.html">jqplot.<wbr>MeterGaugeRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ohlcRenderer-js.html">jqplot.<wbr>OHLCRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pieRenderer-js.html">jqplot.<wbr>PieRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pointLabels-js.html">jqplot.<wbr>PointLabels</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidAxisRenderer-js.html">jqplot.<wbr>pyramidAxisRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidRenderer-js.html">jqplot.<wbr>pyramidRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-trendline-js.html">jqplot.<wbr>Trendline</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="gpl-2-0-txt.html">GPL License</a></div></div><div class=MEntry><div class=MFile><a href="MIT-LICENSE-txt.html">MIT License</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Index</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MIndex><a href="../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Properties.html">Properties</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Hooks.html">Hooks</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Files.html">Files</a></div></div></div></div></div><script type="text/javascript"><!--
|
23
|
+
var searchPanel = new SearchPanel("searchPanel", "HTML", "../search");
|
24
|
+
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Hooks">Hooks</option><option value="Properties">Properties</option></select></div><script language=JavaScript><!--
|
25
|
+
HideAllBut([2, 4], 6);// --></script></div><!--Menu-->
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
<!--START_ND_TOOLTIPS-->
|
30
|
+
<!--END_ND_TOOLTIPS-->
|
31
|
+
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
|
36
|
+
|
37
|
+
|
38
|
+
<script language=JavaScript><!--
|
39
|
+
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>
|
@@ -0,0 +1,120 @@
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
2
|
+
|
3
|
+
<html><head><title>Options Tutorial</title><link rel="stylesheet" type="text/css" href="../styles/main.css"><script language=JavaScript src="../javascript/main.js"></script><script language=JavaScript src="../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad()"><script language=JavaScript><!--
|
4
|
+
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
|
5
|
+
|
6
|
+
<!-- Generated by Natural Docs, version 1.4 -->
|
7
|
+
<!-- http://www.naturaldocs.org -->
|
8
|
+
|
9
|
+
<!-- saved from url=(0026)http://www.naturaldocs.org -->
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
<div id=Content><div class="CSection"><div class=CTopic id=MainTopic><div class="CTitle logo"><div class="nav"><a class="nav" href="../../index.php"><span>></span>Home</a><a class="nav" href="../../tests/"><span>></span>Examples</a><a class="nav" href="../../docs/"><span>></span>Docs</a><a class="nav" href="http://bitbucket.org/cleonello/jqplot/downloads/"><span>></span>Download</a><a class="nav" href="../../info.php"><span>></span>Info</a><a class="nav" href="../../donate.php"><span>></span>Donate</a></div><a name="Options_Tutorial"></a>Options Tutorial</div><div class=CBody><p>This document will help you understand how jqPlot’s options relate to the API documentation and the jqPlot object itself. For a listing of options available to jqPlot, see <a href="jqPlotOptions-txt.html#jqPlot_Options" class=LSection id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">jqPlot Options</a> in the jqPlotOptions.txt file.</p><p>The key to effectively using jqPlot is understanding jqPlot’s options. The online documentation is API documentation. While it explains what attributes and methods various objects posses, it doesn’t explain how to use or set those attributes through options. This tutorial will help explain that.</p><p>Lets assume you are creating a plot like this:</p><blockquote><pre>chart = $.jqplot('chart', dataSeries, optionsObj);</pre></blockquote><p>First, note that you shouldn’t try to directly set attributes on the “chart” object (like chart.grid.shadow) after your call to $.jqplot(). At best this won’t do anything **(see below). You should pass options in via the “optionsObj”.</p><p>the optionsObj really represents the plot object (jqPlot object, not to be confused with the $.jqplot function which will create a jqPlot object). Attributes you specify on that object will be merged with attributes in the jqPlot object. The axes, legend, series, etc. are attributes on the jqPlot object. The jqPlot/optionsObj object looks something like (only some attributes shown):</p><blockquote><pre>jqPlot-|
|
15
|
+
|-seriesColors
|
16
|
+
|-textColor
|
17
|
+
|-fontFamily
|
18
|
+
|-fontSize
|
19
|
+
|-stackSeries
|
20
|
+
|-series(Array)-|
|
21
|
+
| |-Series1-|
|
22
|
+
| | |-lineWidth
|
23
|
+
| | |-linePattern
|
24
|
+
| | |-shadow
|
25
|
+
| | |-showLine
|
26
|
+
| | |-showMarker
|
27
|
+
| | |-color
|
28
|
+
| |-Series2...
|
29
|
+
| |-...
|
30
|
+
| |-SeriesN
|
31
|
+
|
|
32
|
+
|-grid(Object)-|
|
33
|
+
| |-drawGridLines
|
34
|
+
| |-background
|
35
|
+
| |-borderColor
|
36
|
+
| |-borderWidth
|
37
|
+
| |-shadow
|
38
|
+
|
|
39
|
+
|-title(Object)-|
|
40
|
+
| |-text
|
41
|
+
| |-show
|
42
|
+
| |-fontFamily
|
43
|
+
| |-fontSize
|
44
|
+
| |-textAlign
|
45
|
+
| |-textColor
|
46
|
+
|
|
47
|
+
|-axes(Object)-|
|
48
|
+
| |-xais-|
|
49
|
+
| | |-min
|
50
|
+
| | |-max
|
51
|
+
| | |-numberTicks
|
52
|
+
| | |-showTicks
|
53
|
+
| | |-showTickMarks
|
54
|
+
| | |-pad
|
55
|
+
|
|
56
|
+
| ... and so on</pre></blockquote><p>The optionsObj should follow the same construction as if it were a jqPlot object (with some exceptions/shortcuts I’ll mention in a moment). So generally, when you see something like “this.drawGridLines” in the grid properties in the docs, just replace “this” with “grid” in your options object. So it becomes optionsObj.grid.drawGridLines. Do likewise with the other objects in the plot, replacing “this”, with the respective attribute on the plot like “legend” or “title”. Series and Axes are handled a little different, because series is an array and axes has 4 distinct children “xaxis”, “yaxis”, “x2axis” and “y2axis”.</p><p>So, to remove the shadow from the grid and change the grid border size you would do:</p><blockquote><pre>optionObj = {grid:{shadow:false, borderWidth:9.0}};</pre></blockquote><p>To do the same as above but also make all the text in the plot red you would do:</p><blockquote><pre>optionObj = {
|
57
|
+
textColor:"#ff0000",
|
58
|
+
grid:{shadow:false, borderWidth:9.0}
|
59
|
+
}</pre></blockquote><p>Here is a more deeply nested example. Say you want to specify a min and max on your y axis and use a specific color for your second series. That would look like:</p><blockquote><pre>optionsObj = {
|
60
|
+
axes:{yaxis:{min:5, max:230}},
|
61
|
+
series:[{},{color:"#33ff66"}]
|
62
|
+
}</pre></blockquote><p>Note that series options are an array in order of the series data you sent in to your plot. To get to the second series, you have to put an object (even if empty) in place of the first series.</p><p>There is a handy shortcut to assign options to all axes or all series at one go. Use axesDefaults and seriesDefaults. So, if you wanted both x and y axes to start at 0 and you wanted all series to not show markers, you could do:</p><blockquote><pre>optionsObj = {axesDefaults:{min:0}, seriesDefaults:{showMarker:false}}</pre></blockquote><p>Another shortcut is for the plot title. Normally, you would assign options to the title as an object. If you specify a title option as a string, it will assign that to the title.text property automatically. So these two are equivalent:</p><blockquote><pre>optionsObj = {title:{text:"My Plot"}}</pre></blockquote><p>and</p><blockquote><pre>optionsObj = {title:"My Plot"}</pre></blockquote><p>Where things need more explaination is with renderers, plugins and their options. Briefly, what’s renderer, what’s a plugin.</p><p>A renderer is an object that is used to draw something and gets attached to an existing object in the plot in order to draw it. A plugin does more than just provide drawing functionality to an object. It will do more like calculate a trend line, change the cursor, provide event driven functionality, etc. I consider renderers plugins, but plugins don’t have to be renderers.</p><p>So, how do you use renderers, plugins, and specify their options? Some common renderes are for bar charts and category axes. If you want to render your series as a bar chart with each set of bars showing up in a category on the x axis, you do:</p><blockquote><pre>optionsObj = {
|
63
|
+
seriesDefaults:{renderer:$.jqplot.BarRenderer},
|
64
|
+
axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer}}
|
65
|
+
}</pre></blockquote><p>This replaces the default renderer used for all series in the plot with a bar renderer and the x axis default renderer (but not any other axis) with a category renderer.</p><p>Now, how would I assign options to those renderers? The renderer’s attributes may not be present in the pre-existing jqPlot object, they may be specific to the renderer. This is done through the “rendererOptions” option on the appropriate object. So, if I wanted my bars to be 25 pixels wide, I would do:</p><blockquote><pre>optionsObj = {
|
66
|
+
seriesDefaults:{
|
67
|
+
renderer:$.jqplot.BarRenderer},
|
68
|
+
rendererOptions:{
|
69
|
+
barWidth:25
|
70
|
+
},
|
71
|
+
axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer}}
|
72
|
+
}</pre></blockquote><p>Again, this is using the “seriesDefaults” option, which will apply options to all series in the plot. You could do the same on any particular series in the plot through the “series” options array.</p><p>Plugins are free to add their own options. For example, the highlighter plugin has it’s own set of options that are unique to it. As a result, it responds to options placed in the “highlighter” attribute of your options object. So, if I wanted to change the highlighter tooltip to fade in and out slowly and be positioned directly above the point I’m highlighting:</p><blockquote><pre>optionsObj = {
|
73
|
+
highlighter:{tooltipFadeSpeed:'slow', tooltipLocation:'n'}
|
74
|
+
}</pre></blockquote><p>Other plugins, like dragable and trendlines, add their options in with the series. This is because both of those plugins can have different options for different series in the plot. So, if you wanted to specify the color of the dragable and constrain it to drag only on the x axis as well as specify the color of the trend line you could do:</p><blockquote><pre>series:[{
|
75
|
+
dragable: {
|
76
|
+
color: '#ff3366',
|
77
|
+
constrainTo: 'x'
|
78
|
+
},
|
79
|
+
trendline: {
|
80
|
+
color: '#cccccc'
|
81
|
+
}
|
82
|
+
}]</pre></blockquote><p>This would apply those options to the first series only. If you had 2 series and wanted to turn off dragging and trend lines on the second series, you could do:</p><blockquote><pre>series:[{
|
83
|
+
dragable: {
|
84
|
+
color: '#ff3366',
|
85
|
+
constrainTo: 'x'
|
86
|
+
},
|
87
|
+
trendline: {
|
88
|
+
color: '#cccccc'
|
89
|
+
}
|
90
|
+
}, {
|
91
|
+
isDragable: false,
|
92
|
+
trendline:{
|
93
|
+
show: false
|
94
|
+
}
|
95
|
+
}]</pre></blockquote><p>Note, series dragability is turned off with the “isDragable” option directly on the series itself, not with a suboption of “dragable”. This may be improved in the future.</p><p>I hope this is helpful. A few key points to remember:</p><ul><li>When you see “this” in the api docs, you generally replace it with the name of the object (in lowercase) you are looking at in your options object.</li><li>seriesDefaults and axesDefaults are convenient shortcuts.</li><li>to assign options to a renderer, generally use the “rendererOptions”</li><li>plugins may add their own options attribute, like “highlighter” or “cursor”.</li></ul><p>** Note: you can set attributes after the plot is created (like plot.grid.shadow = false), but you’ll have to issue the appropriate calls to possibly reinitialize and redraw the plot. jqPlot can definitely handle this to change the plot after creation (this is how the dragable plugin updates the plot data and the trend line plugin recomputes itself when data changes). This hasn’t been documented yet, however.</p></div></div></div>
|
96
|
+
|
97
|
+
</div><!--Content-->
|
98
|
+
|
99
|
+
|
100
|
+
<div id=Footer>Copyright © 2009 - 2010 Chris Leonello · Updated November 9th, 2011 · <a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
|
101
|
+
|
102
|
+
|
103
|
+
<div id=Menu><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Usage and Options</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="usage-txt.html">Usage</a></div></div><div class=MEntry><div class=MFile><a href="jqPlotOptions-txt.html">jqPlot Options</a></div></div><div class=MEntry><div class=MFile id=MSelected>Options Tutorial</div></div><div class=MEntry><div class=MFile><a href="jqPlotCssStyling-txt.html">jqPlot CSS Customization</a></div></div><div class=MEntry><div class=MFile><a href="changes-txt.html">Change Log</a></div></div><div class=MEntry><div class=MLink><a href="../../tests/">Examples</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">API Documentation</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="jqplot-core-js.html">jqPlot Charts</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Core Renderers</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="jqplot-axisTickRenderer-js.html">Axis Tick Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-canvasGridRenderer-js.html">Canvas Grid Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-divTitleRenderer-js.html">Div Title Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-linearAxisRenderer-js.html">Linear Axis Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-markerRenderer-js.html">Marker Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-shapeRenderer-js.html">Shape Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-shadowRenderer-js.html">Shadow Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-lineRenderer-js.html">Line Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-axisLabelRenderer-js.html">Axis Label Renderer</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-themeEngine-js.html">Theme Engine</a></div></div><div class=MEntry><div class=MFile><a href="jqplot-toImage-js.html">fn</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Plugins</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="plugins/jqplot-barRenderer-js.html">jqplot.<wbr>BarRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-BezierCurveRenderer-js.html">jqplot.<wbr>BezierCurveRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-blockRenderer-js.html">jqplot.<wbr>BlockRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-bubbleRenderer-js.html">jqplot.<wbr>BubbleRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisLabelRenderer-js.html">jqplot.<wbr>CanvasAxisLabelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasAxisTickRenderer-js.html">jqplot.<wbr>CanvasAxisTickRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidGridRenderer-js.html">jqplot.<wbr>CanvasGridRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-canvasOverlay-js.html">jqplot.<wbr>CanvasOverlay</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-categoryAxisRenderer-js.html">jqplot.<wbr>CategoryAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ciParser-js.html">jqplot.<wbr>ciParser</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-cursor-js.html">jqplot.<wbr>Cursor</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dateAxisRenderer-js.html">jqplot.<wbr>DateAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-donutRenderer-js.html">jqplot.<wbr>DonutRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-dragable-js.html">jqplot.<wbr>Dragable</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-enhancedLegendRenderer-js.html">jqplot.<wbr>enhancedLegendRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-funnelRenderer-js.html">jqplot.<wbr>FunnelRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-highlighter-js.html">jqplot.<wbr>Highlighter</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-logAxisRenderer-js.html">jqplot.<wbr>LogAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoAxisRenderer-js.html">jqplot.<wbr>MekkoAxisRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-mekkoRenderer-js.html">jqplot.<wbr>MekkoRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-meterGaugeRenderer-js.html">jqplot.<wbr>MeterGaugeRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-ohlcRenderer-js.html">jqplot.<wbr>OHLCRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pieRenderer-js.html">jqplot.<wbr>PieRenderer</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pointLabels-js.html">jqplot.<wbr>PointLabels</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidAxisRenderer-js.html">jqplot.<wbr>pyramidAxisRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-pyramidRenderer-js.html">jqplot.<wbr>pyramidRenderer.js</a></div></div><div class=MEntry><div class=MFile><a href="plugins/jqplot-trendline-js.html">jqplot.<wbr>Trendline</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="gpl-2-0-txt.html">GPL License</a></div></div><div class=MEntry><div class=MFile><a href="MIT-LICENSE-txt.html">MIT License</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Index</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MIndex><a href="../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Properties.html">Properties</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Hooks.html">Hooks</a></div></div><div class=MEntry><div class=MIndex><a href="../index/Files.html">Files</a></div></div></div></div></div><script type="text/javascript"><!--
|
104
|
+
var searchPanel = new SearchPanel("searchPanel", "HTML", "../search");
|
105
|
+
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Hooks">Hooks</option><option value="Properties">Properties</option></select></div><script language=JavaScript><!--
|
106
|
+
HideAllBut([1, 4, 5], 6);// --></script></div><!--Menu-->
|
107
|
+
|
108
|
+
|
109
|
+
|
110
|
+
<!--START_ND_TOOLTIPS-->
|
111
|
+
<div class=CToolTip id="tt1"><div class=CSection><b>This document is out of date. </div></div><!--END_ND_TOOLTIPS-->
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
|
116
|
+
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
|
117
|
+
|
118
|
+
|
119
|
+
<script language=JavaScript><!--
|
120
|
+
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>
|