121 | | [[Image(ticket_status_pie.png)]] |
| 121 | [[Image(ticket_status_pie.png, 80%)]] |
| 122 | |
| 123 | The same chart but using different render options. |
| 124 | {{{ |
| 125 | {{{ |
| 126 | #!JQChart |
| 127 | "type": "Pie", |
| 128 | "width": 450, |
| 129 | "height": 350, |
| 130 | "query": "SELECT status, count(status) AS number FROM ticket GROUP BY status", |
| 131 | "options": { |
| 132 | "title": "Ticket status", |
| 133 | "axes": { |
| 134 | "xaxis": { |
| 135 | "drawMajorGridlines": false, |
| 136 | "numberTicks": 0 |
| 137 | } |
| 138 | }, |
| 139 | "grid": { |
| 140 | "borderWidth":1.0, |
| 141 | "shadow": false |
| 142 | }, |
| 143 | "seriesColors":["#bae0ba", "#cee", "#f5f5b5", "#C7754C", "#17BDB8"], |
| 144 | "seriesDefaults":{ |
| 145 | "rendererOptions": { |
| 146 | "shadow": false, |
| 147 | "showDataLabels": true, |
| 148 | "sliceMargin": 0, |
| 149 | "padding": 35, |
| 150 | "dataLabels": "percent" |
| 151 | } |
| 152 | }, |
| 153 | "legend": { |
| 154 | "show": true, |
| 155 | "placement": "outside", |
| 156 | "location": "s", |
| 157 | "marginTop": "15px", |
| 158 | "rendererOptions": { |
| 159 | "numberRows": 2 |
| 160 | } |
| 161 | } |
| 162 | } |
| 163 | }}} |
| 164 | }}} |
| 165 | [[Image(ticket_status_pie2)]] |