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

<VictoryChart
  theme={VictoryTheme.clean}
>
  <VictoryLine data={sampleData} />
</VictoryChart>