Skip to content

Documentation / @ripl/charts / createRadialBarChart

Function: createRadialBarChart() ​

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

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

Factory function that creates a new RadialBarChart instance.

Type Parameters ​

Type ParameterDefault type
TDataunknown

Parameters ​

ParameterType
targetstring | HTMLElement | Context<Element, Record<string, unknown>>
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',
    max: 100,
    rounded: true,
});