Bar Chart Widget

periscope_bar.png
This widget uses the Chart(New).js javascript library to create a very slick looking Bar chart widget.

Template

The template supports these custom properties...
  • None

Update

Javascript payload to post to the api in order to set the gauge value.
{
	"data" : 
		{
			"labels" : ["January","February","March","April","May","June","July"],
			"datasets" : [
				{
					"fillColor" : "IndianRed",
					"strokeColor" : "Plum",
					"data" : [2348,2430,4765,5185,5189,4243,1638,1224,590,552]
				},
				{
					"fillColor" : "LightSalmon",
					"strokeColor" : "DarkSalmon",
					"data" : [1280,1795,2609,2628,2079,1999,1198,625,341,356]
				}
			]
		},
	"options" : {
                "graphTitle": "Burgers Flipped",
		"graphTitleFontColor": "white",
		"graphTitleFontStyle": "normal",
		"yAxisFontColor" : "white",
		"xAxisFontColor" : "white",
		"scaleFontColor": "white"
        }
}

Last edited Jul 17, 2014 at 4:23 PM by jimbobdog, version 2