/
CoT Chart

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

Related content

CoT Modal
Read with this
Cot Map
More like this
Working with CoreJS
Working with CoreJS
Read with this
Date Picker (datepicker)
Date Picker (datepicker)
Read with this
Migrating apps to version 9.3.5 and above
Migrating apps to version 9.3.5 and above
More like this