ChartJs

ChartJs is alternative library to Google Charts. ChartJs can be used offline meaning your users do not need to be online to see charts. ChartJs library is great when you want to build intranet dashboard application.

Common settings #

Name	type	default	description
`dataSource`	mixed		Get/set the datasource of chart
`fields`	array		Get/set list of fields for chart
`title`	text		Get/set title of chart
`backgroundOpacity`	float	`0.5`	Get/set opacity level of item on the chart
`plugins`	array		Get/set list plugins for Chartjs, here are the list of plugins
`options`	array		Get/set extra options for charts
`colorScheme`	array		Get/set list of colors for chart

Traits #

ChartJs has been provided with following traits:

TAppLink: Able to refer to application with app() method
TDashboadLink: Able to refer to parent dashboard with dashboard() method
TEnabledPermit: Use enabled() and enabledWhen() to set permission
TParams: Able to get/set parameters with params() method
TWidgetState: Able to get/set persisted state for widget
TParamsPersisted: Able to make params set to widget persisted
TDataSource: Able to receive datasource via dataSource() method
TDetailAction: Able to open detail modal
TExportable: Able to export widget to different formats

Available charts #

BarChart #

ColumnChart #

LineChart #

AreaChart #

PieChart #

DonutChart #

PolarChart #

RadarChart #

ScatterChart #

BubbleChart #

ComboChart #

Timeline #

Actions #

Get started with KoolReport

KoolReport will help you to construct good php data report by gathering your data from multiple sources, transforming them into valuable insights, and finally visualizing them in stunning charts and graphs.