CoT Chart

COMING SOON

Functionality

  • Uses Chart.js Javascript library to add charts to your applications
  • Enhanced to for accessibility compliance
  • Accessible Charts are only enabled for the following charts:
    • bar
    • line
    • pie
    • doughnut
    • polar area
    • Additional chart configurations to come
  • Default colours provided; can be overwritten but not recommended

How to embed a chart.

Turn on the includeChart in package.json

In your app folder, make sure you turn on the option to include all the CSS and JS necessary.

In package.json file: includeChart:true,

Run the command npm update if needed.

Add the following code

Initialize the chart with the options you need:

var yourChart = new cot_chart(
'#container',
	{
		className:String,
		type: 'bar', /*bar, pie, doughnut, number, polarArea*/
		title:String,
		config:Object ,
		data:{
			labels:[String],
			datasets:[{
					label: String,
					data: [Number]
				}]
			}
	}
)
yourChart.render();



Page Tree