Parameters used by Pie Charts. Pie Charts provide the following animators:

  • angle with initial value in angleStart.
  • dispersion with initial value in dispersionStart.
interface PieChartTaskParams {
    angleStart?: any;
    animeSelector?: string;
    chartType?: string | ChartTypes;
    data: SeriesData[];
    dispersionStart?: any;
    fillColors?: string | string[] | string[][];
    isClockwise?: boolean;
    legend?: ChartLegend;
    strokeColors?: string | string[] | string[][];
    strokeWidth?: any;
    title?: any;
}

Hierarchy (view full)

Properties

angleStart?: any

Initial angle in radians defining the zero radial line of the chart. This parameter is animated with property angle.

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.

dispersionStart?: any

Initial dispersion factor defined between 0 and 1. A dispersion defines the percentage of how much the pie circle will be used. A value of 1 represents a full circle, and a value of 0.5, represents half circle. This parameter is animated with property dispersion.

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

Interior Color used by area, bar and pie charts.

isClockwise?: boolean
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.