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.