Skip to main content

VictoryTheme

Allows you to create a consistent look across all of your chart elements, either by using one of the included themes or by creating your own. By default, Victory components use the grayscale theme.

Victory includes several prebuilt themes that can be used.

info

For more information about themes and styles, see the themes guide.

Types​

This is roughly what the VictoryTheme object looks like, see the source code for the full definition.

note

The dependentAxis and independentAxis, polarDependentAxis, and polarIndependentAxis will be merged with any props and styles supplied in the axis namespace.

interface VictoryThemeDefinition {
  palette: {...props};
  area: {...props}
  axis: {...props},
  dependentAxis: {...props},
  independentAxis: {...props},
  polarDependentAxis: {...props},
  polarIndependentAxis: {...props},
  bar: {...props},
  candlestick: {...props},
  chart: {...props},
  errorbar: {...props},
  histogram: {...props},
  group: {...props},
  legend: {...props},
  line: {...props},
  pie: {...props},
  scatter: {...props},
  stack: {...props},
  tooltip: {...props},
  voronoi: {...props}
}

Example​

Live View
Loading...
Live Editor