|
236 | 236 | </nav> |
237 | 237 |
|
238 | 238 | <div id="page-wrapper"> |
239 | | - <div class="row"> |
240 | | - <div class="col-lg-12"> |
241 | | - <h1 class="page-header">Flot</h1> |
| 239 | + <div class="container-fluid"> |
| 240 | + <div class="row"> |
| 241 | + <div class="col-lg-12"> |
| 242 | + <h1 class="page-header">Flot</h1> |
| 243 | + </div> |
| 244 | + <!-- /.col-lg-12 --> |
242 | 245 | </div> |
243 | | - <!-- /.col-lg-12 --> |
244 | | - </div> |
245 | | - <!-- /.row --> |
246 | | - <div class="row"> |
247 | | - <div class="col-lg-12"> |
248 | | - <div class="panel panel-default"> |
249 | | - <div class="panel-heading"> |
250 | | - Line Chart Example |
251 | | - </div> |
252 | | - <!-- /.panel-heading --> |
253 | | - <div class="panel-body"> |
254 | | - <div class="flot-chart"> |
255 | | - <div class="flot-chart-content" id="flot-line-chart"></div> |
| 246 | + <!-- /.row --> |
| 247 | + <div class="row"> |
| 248 | + <div class="col-lg-12"> |
| 249 | + <div class="panel panel-default"> |
| 250 | + <div class="panel-heading"> |
| 251 | + Line Chart Example |
256 | 252 | </div> |
| 253 | + <!-- /.panel-heading --> |
| 254 | + <div class="panel-body"> |
| 255 | + <div class="flot-chart"> |
| 256 | + <div class="flot-chart-content" id="flot-line-chart"></div> |
| 257 | + </div> |
| 258 | + </div> |
| 259 | + <!-- /.panel-body --> |
257 | 260 | </div> |
258 | | - <!-- /.panel-body --> |
| 261 | + <!-- /.panel --> |
259 | 262 | </div> |
260 | | - <!-- /.panel --> |
261 | | - </div> |
262 | | - <!-- /.col-lg-12 --> |
263 | | - <div class="col-lg-6"> |
264 | | - <div class="panel panel-default"> |
265 | | - <div class="panel-heading"> |
266 | | - Pie Chart Example |
267 | | - </div> |
268 | | - <!-- /.panel-heading --> |
269 | | - <div class="panel-body"> |
270 | | - <div class="flot-chart"> |
271 | | - <div class="flot-chart-content" id="flot-pie-chart"></div> |
| 263 | + <!-- /.col-lg-12 --> |
| 264 | + <div class="col-lg-6"> |
| 265 | + <div class="panel panel-default"> |
| 266 | + <div class="panel-heading"> |
| 267 | + Pie Chart Example |
272 | 268 | </div> |
| 269 | + <!-- /.panel-heading --> |
| 270 | + <div class="panel-body"> |
| 271 | + <div class="flot-chart"> |
| 272 | + <div class="flot-chart-content" id="flot-pie-chart"></div> |
| 273 | + </div> |
| 274 | + </div> |
| 275 | + <!-- /.panel-body --> |
273 | 276 | </div> |
274 | | - <!-- /.panel-body --> |
| 277 | + <!-- /.panel --> |
275 | 278 | </div> |
276 | | - <!-- /.panel --> |
277 | | - </div> |
278 | | - <!-- /.col-lg-6 --> |
279 | | - <div class="col-lg-6"> |
280 | | - <div class="panel panel-default"> |
281 | | - <div class="panel-heading"> |
282 | | - Multiple Axes Line Chart Example |
283 | | - </div> |
284 | | - <!-- /.panel-heading --> |
285 | | - <div class="panel-body"> |
286 | | - <div class="flot-chart"> |
287 | | - <div class="flot-chart-content" id="flot-line-chart-multi"></div> |
| 279 | + <!-- /.col-lg-6 --> |
| 280 | + <div class="col-lg-6"> |
| 281 | + <div class="panel panel-default"> |
| 282 | + <div class="panel-heading"> |
| 283 | + Multiple Axes Line Chart Example |
| 284 | + </div> |
| 285 | + <!-- /.panel-heading --> |
| 286 | + <div class="panel-body"> |
| 287 | + <div class="flot-chart"> |
| 288 | + <div class="flot-chart-content" id="flot-line-chart-multi"></div> |
| 289 | + </div> |
288 | 290 | </div> |
| 291 | + <!-- /.panel-body --> |
289 | 292 | </div> |
290 | | - <!-- /.panel-body --> |
| 293 | + <!-- /.panel --> |
291 | 294 | </div> |
292 | | - <!-- /.panel --> |
293 | | - </div> |
294 | | - <!-- /.col-lg-6 --> |
295 | | - <div class="col-lg-6"> |
296 | | - <div class="panel panel-default"> |
297 | | - <div class="panel-heading"> |
298 | | - Moving Line Chart Example |
299 | | - </div> |
300 | | - <!-- /.panel-heading --> |
301 | | - <div class="panel-body"> |
302 | | - <div class="flot-chart"> |
303 | | - <div class="flot-chart-content" id="flot-line-chart-moving"></div> |
| 295 | + <!-- /.col-lg-6 --> |
| 296 | + <div class="col-lg-6"> |
| 297 | + <div class="panel panel-default"> |
| 298 | + <div class="panel-heading"> |
| 299 | + Moving Line Chart Example |
| 300 | + </div> |
| 301 | + <!-- /.panel-heading --> |
| 302 | + <div class="panel-body"> |
| 303 | + <div class="flot-chart"> |
| 304 | + <div class="flot-chart-content" id="flot-line-chart-moving"></div> |
| 305 | + </div> |
304 | 306 | </div> |
| 307 | + <!-- /.panel-body --> |
305 | 308 | </div> |
306 | | - <!-- /.panel-body --> |
| 309 | + <!-- /.panel --> |
307 | 310 | </div> |
308 | | - <!-- /.panel --> |
309 | | - </div> |
310 | | - <!-- /.col-lg-6 --> |
311 | | - <div class="col-lg-6"> |
312 | | - <div class="panel panel-default"> |
313 | | - <div class="panel-heading"> |
314 | | - Bar Chart Example |
315 | | - </div> |
316 | | - <!-- /.panel-heading --> |
317 | | - <div class="panel-body"> |
318 | | - <div class="flot-chart"> |
319 | | - <div class="flot-chart-content" id="flot-bar-chart"></div> |
| 311 | + <!-- /.col-lg-6 --> |
| 312 | + <div class="col-lg-6"> |
| 313 | + <div class="panel panel-default"> |
| 314 | + <div class="panel-heading"> |
| 315 | + Bar Chart Example |
320 | 316 | </div> |
| 317 | + <!-- /.panel-heading --> |
| 318 | + <div class="panel-body"> |
| 319 | + <div class="flot-chart"> |
| 320 | + <div class="flot-chart-content" id="flot-bar-chart"></div> |
| 321 | + </div> |
| 322 | + </div> |
| 323 | + <!-- /.panel-body --> |
321 | 324 | </div> |
322 | | - <!-- /.panel-body --> |
| 325 | + <!-- /.panel --> |
323 | 326 | </div> |
324 | | - <!-- /.panel --> |
325 | | - </div> |
326 | | - <!-- /.col-lg-6 --> |
327 | | - <div class="col-lg-12"> |
328 | | - <div class="panel panel-default"> |
329 | | - <div class="panel-heading"> |
330 | | - Flot Charts Usage |
331 | | - </div> |
332 | | - <!-- /.panel-heading --> |
333 | | - <div class="panel-body"> |
334 | | - <p>Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks, and interactive features. In SB Admin, we are using the most recent version of Flot along with a few plugins to enhance the user experience. The Flot plugins being used are the tooltip plugin for hoverable tooltips, and the resize plugin for fully responsive charts. The documentation for Flot Charts is available on their website, <a target="_blank" href="http://www.flotcharts.org/">http://www.flotcharts.org/</a>.</p> |
335 | | - <a target="_blank" class="btn btn-default btn-lg btn-block" href="http://www.flotcharts.org/">View Flot Charts Documentation</a> |
| 327 | + <!-- /.col-lg-6 --> |
| 328 | + <div class="col-lg-12"> |
| 329 | + <div class="panel panel-default"> |
| 330 | + <div class="panel-heading"> |
| 331 | + Flot Charts Usage |
| 332 | + </div> |
| 333 | + <!-- /.panel-heading --> |
| 334 | + <div class="panel-body"> |
| 335 | + <p>Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks, and interactive features. In SB Admin, we are using the most recent version of Flot along with a few plugins to enhance the user experience. The Flot plugins being used are the tooltip plugin for hoverable tooltips, and the resize plugin for fully responsive charts. The documentation for Flot Charts is available on their website, <a target="_blank" href="http://www.flotcharts.org/">http://www.flotcharts.org/</a>.</p> |
| 336 | + <a target="_blank" class="btn btn-default btn-lg btn-block" href="http://www.flotcharts.org/">View Flot Charts Documentation</a> |
| 337 | + </div> |
| 338 | + <!-- /.panel-body --> |
336 | 339 | </div> |
337 | | - <!-- /.panel-body --> |
| 340 | + <!-- /.panel --> |
338 | 341 | </div> |
339 | | - <!-- /.panel --> |
| 342 | + <!-- /.col-lg-6 --> |
340 | 343 | </div> |
341 | | - <!-- /.col-lg-6 --> |
| 344 | + <!-- /.row --> |
342 | 345 | </div> |
343 | | - <!-- /.row --> |
| 346 | + <!-- /.container-fluid --> |
344 | 347 | </div> |
345 | 348 | <!-- /#page-wrapper --> |
346 | 349 |
|
|
0 commit comments