Lattice Grid Buy a licence

demo D251

Bump chart

Watch a ranking change from one period to the next, where a crossing is a change of place

type: 'bump', x, series, y

Building…
Loading a live grid…

The configuration

'chart-types-bump': () => ({
  rows: [], config: {},
  foot: ['one line per team, four quarters across', 'the line rides its rank, so a crossing is a change of place'],
  mount: mountGridCharts({
    rows: rankRows(),
    columns: [
      { field: 'team', title: 'Team', layout: { pin: 'start', width: 140 }, filter: { type: 'set' } },
      { field: 'quarter', title: 'Quarter', filter: { type: 'set' } },
      { field: 'revenue', title: 'Revenue', type: 'number', total: 'sum' },
    ],
    columnsPer: 1, chartHeight: 340,
    chartTypeModules: ['bump'],
    charts: [{ type: 'bump', x: 'quarter', series: 'team', y: 'revenue', title: 'Rank by quarter' }],
  }),
}),