Changes between Version 15 and Version 16 of JqChartMacro
- Timestamp:
- Sep 21, 2016, 7:58:56 PM (8 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
JqChartMacro
v15 v16 1 1 [[PageOutline(2-5,Contents,pullout)]] 2 2 3 = JQPlot Chart Macro3 = Add JQPlot charts to wiki pages 4 4 5 5 == Description 6 6 7 This macro adds [http://www.jqplot.com/index.php jqPlot] based charts to Trac pages:7 This macro adds [http://www.jqplot.com/index.php jqPlot] based charts to Trac wiki pages: 8 8 9 9 [[Image(gauge.png)]] 10 10 [[Image(line.png)]] 11 11 12 jqPlot is a plotting and charting plugin for the jQuery Javascript framework and is dual licensed under GPL and MIT. 12 jqPlot is a plotting and charting plugin for the jQuery Javascript framework and is dual licensed under GPL and MIT. For usage of this macro, see examples below. 13 13 14 14 == Bugs/Feature Requests … … 34 34 General instructions on installing Trac plugins can be found on the [TracPlugins#InstallingaTracplugin TracPlugins] page. 35 35 36 == Configuration37 38 36 Make sure that jqplotchart is enabled in your `trac.ini` file: 39 37 … … 44 42 45 43 == Examples 44 46 45 The options element is the jqPlot options parameter. See the [http://www.jqplot.com/index.php jqPlot website] for more information. 46 47 47 === Gauge chart 48 48 49 This creates a gauge counting the number of rows returned in report number 10: 49 50 … … 65 66 66 67 === Line chart 68 67 69 This creates a line chart with one series per ticket type. The x axis is the time the ticket was created, and the y axis is a 'cooked' number for demonstration only (the ticket id times 10). Notice that the sql query returns the ticket id. This will make each point in the chart clickable. When you click on a point, you will be sent to the ticket corresponding to that point: 68 70 … … 81 83 82 84 === Ticket status as pie chart 85 83 86 The following creates a pie chart showing the number of tickets for each status. Label and grid are hidden. 84 87 {{{ … … 121 124 [[Image(ticket_status_pie.png, 350px)]] 122 125 123 The same chart but using different render options .126 The same chart but using different render options: 124 127 {{{ 125 128 {{{ … … 163 166 }}} 164 167 }}} 168 165 169 [[Image(ticket_status_pie2.png, 350px)]] 170 166 171 == Recent Changes 167 172