Skip to content

Documentation / @ripl/charts / createRadialBarChart

Function: createRadialBarChart()

createRadialBarChart<TData>(target, options): RadialBarChart<TData>

Defined in: charts/src/charts/radial-bar.ts:421

Factory function that creates a new RadialBarChart instance.

Type Parameters

Type ParameterDefault type
TDataunknown

Parameters

ParameterType
targetstring | Context<Element, Record<string, unknown>> | HTMLElement
optionsRadialBarChartOptions<TData>

Returns

RadialBarChart<TData>

Example

ts
createRadialBarChart(target, {
    data: [
        { team: 'Design', progress: 82 },
        { team: 'Engineering', progress: 64 },
        { team: 'Sales', progress: 45 },
    ],
    key: 'team',
    value: 'progress',
    label: 'team',
    maxValue: 100,
    rounded: true,
});