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.

Live Example

LabelsVisitsClicksImpressionsTags
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

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