Lattice Grid Buy a licence

demo D259

Icicle

A hierarchy as nested bars, each band as wide as the share of the total beneath it

type: 'icicle', y

Building…
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' }],
  }),
}),