Charts - React Native

The Charts React Native kit provides an Anvil2 theme, palette utilities, tooltips, and a React Native host for Apache ECharts.

Installation

Install the kit and its peer dependencies:

pnpm add @servicetitan/anvil2-rn-charts-kit @wuba/react-native-echarts echarts react-native-svg zrender

Wrap the Metro configuration with withAnvil2Charts:

const {
  withAnvil2Charts,
} = require("@servicetitan/anvil2-rn-charts-kit/metro");

module.exports = withAnvil2Charts(config);

Configure the Chart component, tooltips, themes, and palette utilities.

View examples for bar, line, area, donut, and combined charts.

Apply categorical, monochrome, and semantic chart palettes.

View the package source and README.

Review the data visualization guidance before implementation:

Select a chart type and review labeling and accessibility guidance.

Select a palette and review chart styling guidance.

Last modified on August 20, 2026

⌘I