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