Chart
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package 'Chart JS') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
This is a reference page; many components have detailed usage guides here.
Data provider for the chart's background color. Type:
The color scheme to use for the chart's background. Type: String Default Value: "default_color_scheme"
Data provider for the chart's border color. Type:
Data provider for the width of the chart's border. Type:
The foundset containing the data for the chart. Type: JSFoundset
Charts height to be set in a responsive form. When responsiveHeight is set to 0, the table will use 100% height of the parent container Type: Number Default Value: 300
HORIZONTAL BAR is no longer available on the latest ChartJS, please read the ChartJS documentation for replacing this type on TiNG Type: String Default Value: "pie"
Called when the chart has finished drawing.
Called when a chart element is clicked.
Parameters:
{Number} dataset_index The index of the dataset within the chart.
{Number} index The index of the clicked data point within the dataset.
{String} label The label associated with the clicked data point.
{Number} value The value of the clicked data point.
{JSEvent} event The event object associated with the click.
Clears the chart and data.
(re)Draw the chart
Return legend
@deprecated
Returns: String
Return image as bass64
Returns: String The chart rendered as a base64-encoded image string.
Refresh the chart (if options updated)
Sets the data for this chart. Should be an object that like:
See https://www.chartjs.org/docs/latest/general/data-structures.html
Parameters:
{Object} data An object containing the chart data, including labels and datasets, structured according to Chart.js data model requirements.
sets the options for this chart.
see https://www.chartjs.org/docs/latest/configuration/ for more info (this sets the options part of the configuration), some options can also be set through the setData() to be specific to that dataset.
Parameters:
{Object} options An object containing configuration options for the chart, such as layout, scales, and plugins, based on Chart.js options documentation.
Sets the plugins for the chart. Plugins allow you to extend or modify the behavior and appearance of the chart.
Parameters:
{Object} plugin An object defining the plugin configuration, including hooks like `beforeDraw` or `afterRender`.
Data provider for the chart's hover background color. Type:
Data provider for the chart's hover border color. Type:
Data provider for the width of the chart's hover border. Type:
Data provider for the legend label of the chart. Type:
CSS style classes applied to the chart component. Type: