<Recharts />

Customize

1. Labels of line, area, bar, axis can be customized

For example, we can create a bar with customized label and customized axis tick.

2. The shape of bar can be customized

The props shape of <Bar /> can be set to be a function or a react element to render customized shape.

3. The content of tooltip can be customized

Sometime we may want tooltip to display much more information.

4. The style of each chart element can be customized

Except tooltip and legend, all the element in a chart is drawn by svg element. So you can change the attributes of each chart element conveniently.

5. The style of tooltip, legend can be customized

Though tooltip, legend are drawn by svg elements, you may change the style of tooltip, legend by the apis we offer. Of course, you can change the style in css too.