Getting started

Installation

yarn add @mantine/charts recharts@2

npm install @mantine/charts recharts@2

After installation import package styles at the root of your application:

import '@mantine/charts/styles.css';

Do not forget to import styles

Followed installation instructions above but something is not working (misplaced tooltips or no colors)? You've fallen into the trap of not importing charts styles! To fix the issue, import charts styles at the root of your application:

import '@mantine/charts/styles.css';

Based on recharts

Most of the components in @mantine/charts package are based on recharts library. If you need advanced features that are not covered in @mantine/charts documentation, reference recharts documentation for more information.