DOM Data Source - Description
In this example, we create a simple KitBox using a JavaScript array as a data source. We have turned the
data table and overview off to show the graph in it's simplest form.
Initialization Code
$("#kitboxDataTable").kitbox({
kitboxType: "kitboxSeries",
dataType: "html",
header: {text: "DOM Data Source"}
});
HTML Table
Labels |
Visits |
Clicks |
Impressions |
Tags |
January 1st, 2011 | 418 | 120 | 230 | 243 |
January 2nd, 2011 | 304 | 133 | 424 | 283 |
January 3rd, 2011 | 409 | 89 | 380 | 299 |
January 4th, 2011 | 313 | 132 | 214 | 264 |
January 5th, 2011 | 722 | 62 | 251 | 245 |
January 6th, 2011 | 439 | 63 | 204 | 213 |
January 7th, 2011 | 755 | 75 | 201 | 210 |
January 8th, 2011 | 839 | 54 | 301 | 298 |
January 9th, 2011 | 329 | 137 | 239 | 264 |
January 10th, 2011 | 791 | 92 | 344 | 211 |
January 11th, 2011 | 758 | 78 | 436 | 218 |
January 12th, 2011 | 452 | 68 | 292 | 286 |
January 13th, 2011 | 778 | 141 | 214 | 248 |
January 14th, 2011 | 726 | 73 | 314 | 290 |
January 15th, 2011 | 585 | 107 | 202 | 242 |
January 16th, 2011 | 708 | 52 | 278 | 255 |
January 17th, 2011 | 513 | 74 | 283 | 249 |
January 18th, 2011 | 407 | 131 | 420 | 205 |
January 19th, 2011 | 461 | 95 | 258 | 263 |
January 20th, 2011 | 862 | 135 | 255 | 238 |
January 21st, 2011 | 506 | 80 | 275 | 238 |
January 22nd, 2011 | 651 | 76 | 266 | 289 |
January 23rd, 2011 | 602 | 90 | 353 | 270 |
January 24th, 2011 | 350 | 124 | 243 | 253 |
January 25th, 2011 | 727 | 51 | 317 | 235 |
January 26th, 2011 | 415 | 61 | 217 | 291 |
January 27th, 2011 | 345 | 81 | 430 | 300 |
January 28th, 2011 | 372 | 125 | 284 | 222 |
January 29th, 2011 | 588 | 116 | 241 | 258 |
January 30th, 2011 | 512 | 134 | 287 | 213 |