Parameters for both Axis Charts and Pie Charts.

interface BaseChartTaskParams {
    animeSelector?: string;
    chartType?: string | ChartTypes;
    data: SeriesData[];
    fillColors?: string | string[] | string[][];
    legend?: ChartLegend;
    strokeColors?: string | string[] | string[][];
    strokeWidth?: any;
    title?: any;
}

Hierarchy (view full)

Properties

animeSelector?: string

Set with a unique virtual selector, to be used another addAnimations to animate the chart.

   scene.addAnimations([{
selector: 'canvas',
tasks: [{
handler: 'chart',
params: {
data: [[100, 200, 50, 140, 300]],
pointHeightStart: 0.1, // defined the initial value for the animation point-height property
animeSelector: 'chart-anime-02', // unique animation selector to be used by the animator
} as BeamToIX.AxisChartTaskParams,
}],
}])
.addAnimations([{
selector: `%chart-anime-02`, // animation selector defined previously, prefixed with '%'
duration: `1s`,
props: [{
prop: 'point-height', // property which initial value is 0.1
value: 1, // value at the end of animation
}],
}]);
chartType?: string | ChartTypes

Defines the type of chart. If it's mixed it uses

data: SeriesData[]

List of series of data points. Each series much have the same number of data points.

fillColors?: string | string[] | string[][]

Interior Color used by area, bar and pie charts.

legend?: ChartLegend

Defines the chart legend. At the moment is only supported stacked left or right top legend.

strokeColors?: string | string[] | string[][]

Outline Color used by area, bar and pie charts, and line color for line chart.

strokeWidth?: any
title?: any

Defines the chart title. At the moment is only supported horizontal top or bottom titles.