This project is read-only.

Line Chart Widget

periscope_line.png
This widget uses the Chart(New).js javascript library to create a very slick looking Line 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" : "rgba(220,220,220,0.5)",
					"strokeColor" : "rgba(220,220,220,1)",
					"data" : [65,59,90,81,56,55,40]
				}
			]
		},
	"options" : {
		"graphTitle": "Visits (Monthly)",
		"graphTitleFontColor": "white",
		"graphTitleFontSize": 18,
		"graphTitleFontStyle": "normal",
		"yAxisLeft" : true,
		"yAxisFontColor" : "white",
		"xAxisFontColor" : "white",
		"scaleFontColor": "white"
	}
}

Last edited Jul 17, 2014 at 3:59 PM by jimbobdog, version 2