<Recharts />
Guide
API
Examples
Storybook
Wiki
GitHub
En
|
中文
Menu
Guide
API
Examples
Storybook
Wiki
GitHub
En
|
中文
Examples
LineChart
Simple Line Chart
Tiny Line Chart
Dashed Line Chart
Vertical Line Chart
Biaxial Line Chart
Vertical Line Chart With Specified Domain
Line Chart Connect Nulls
Line Chart With X Axis Padding
Line Chart With Reference Lines
Customized Dot Line Chart
Customized Label Line Chart
Synchronized Line Chart
Highlight And Zoom Line Chart
Line Chart Has Multi Series
Line Chart Axis Interval
Line Chart Negative Values With Reference Lines
AreaChart
Simple Area Chart
Stacked Area Chart
Area Chart Connect Nulls
Cardinal Area Chart
Percent Area Chart
Synchronized Area Chart
Tiny Area Chart
Area Chart Fill By Value
BarChart
Tiny Bar Chart
Simple Bar Chart
Stacked Bar Chart
Mix Bar Chart
Custom Shape Bar Chart
Positive and Negative Bar Chart
Brush Bar Chart
Bar Chart With Customized Event
Bar Chart With Min Height
Bar Chart Stacked By Sign
Biaxial Bar Chart
Bar Chart with background
Bar Chart With Multi X Axis
ComposedChart
Line Bar Area Composed Chart
Same Data Composed Chart
Vertical Composed Chart
Composed Chart With Axis Labels
Scatter And Line Of Best Fit
Banded Chart
ScatterChart
Simple Scatter Chart
Three Dim Scatter Chart
Joint Line Scatter Chart
Bubble Chart
Scatter Chart With Labels
Multiple Y Axes Scatter Chart
Scatter Chart With Cells
Scatter Chart with many points (performance test)
PieChart
Two Level Pie Chart
Straight Angle Pie Chart
Custom Active Shape Pie Chart
Pie Chart With Customized Label
Pie Chart with gap and rounded corners
Pie Chart With Needle
Pie Chart in Flexbox
Pie Chart in Grid
RadarChart
Simple Radar Chart
Specified Domain Radar Chart
RadialBarChart
Simple Radial Bar Chart
TreeMap
Simple Treemap
Custom Content Treemap
Tooltip
Custom Content Of Tooltip
Legend
Legend with Opacity
ResponsiveContainer
Area Responsive Container
Composed Responsive Container
Pie Responsive Container
Legend with Opacity
Tips: Hover the legend !
Run
Open in StackBlitz
Loading...
%20because%20`stroke`%20is%20set%20to%20'currentColor'.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2032%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20style='display:%20inline-block;%20vertical-align:%20middle;%20margin-left:%204px;'%20%3e%3cpath%20d='M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6'/%3e%3cpolyline%20points='15%203%2021%203%2021%209'/%3e%3cline%20x1='10'%20y1='14'%20x2='21'%20y2='3'/%3e%3c/svg%3e){kind=small}