Skip to main content
Set the type property on your GraphConfig: 
const config: GraphConfig = {
  type: 'line',
  data: { /* ... */ }
};

​
All types

TypeDescriptionBest for
lineLine chartTime series, trends
areaStackedStacked area chartPart-to-whole over time
barHorizontal bar chartComparing categories, ranking
barStackedStacked horizontal barsComposition across categories
barStackedFill100% stacked horizontal barsPercentage breakdowns
columnVertical column chartComparisons, time series
columnStackedStacked columnsComposition over time
columnStackedFill100% stacked columnsProportions over time
comboDual y-axis chartDifferent units/scales
piePie chartSimple part-to-whole (2-6 slices)
donutDonut chartPart-to-whole with central metric
funnelFunnel chartConversion funnels, stages
heatmapHeatmapPatterns across two dimensions
scatterScatter plotCorrelation, distribution
bubbleBubble chartThree-variable comparisons
waterfallWaterfall chartFinancial analysis, variance
mekkoMekko chartMarket share analysis
tableData tablePrecise values

​
TypeScript

type Type = 
  | 'line' | 'areaStacked'
  | 'bar' | 'barStacked' | 'barStackedFill'
  | 'column' | 'columnStacked' | 'columnStackedFill'
  | 'combo' | 'pie' | 'donut' | 'funnel'
  | 'heatmap' | 'scatter' | 'bubble'
  | 'waterfall' | 'mekko' | 'table';
See type options for chart-specific configuration.