demo D259
Icicle
A hierarchy as nested bars, each band as wide as the share of the total beneath it
type: 'icicle', y
Loading a live grid…
The configuration
'chart-types-icicle': () => ({
rows: [], config: {},
foot: ['region across the top, status beneath', 'each band is as wide as the charge under it'],
mount: mountGridCharts({
rows: circuits(2_000),
columns: [
{ ...circuitCols.region, group: { enabled: true, index: 0 } },
{ ...circuitCols.status, group: { enabled: true, index: 1 } },
circuitCols.bandwidth,
{ ...circuitCols.charge, total: 'sum' },
],
gridConfig: { group: { expanded: false } },
columnsPer: 1, chartHeight: 360,
chartTypeModules: ['icicle'],
charts: [{ type: 'icicle', y: 'charge', title: 'Charge by region, then status' }],
}),
}),