Introduction

There are currently 5 different types of series that can be added to a plot:

• ScatterSeries
• LineSeries
• BarSeries
• FunctionSeries
• RangeSeries

Series are direct children of the Plot component and you may have as many Series as you wish on the same plot.

Data

The main purpose of react-plot is to display different data in different ways. Data is an array of points that differ from one serie to another

Base Props

Base props are the props that all series have:

Mandatory

• data: displays serie's data
  type: Data

Optional

• id: serie id
  type: string default: generated automatically
• xAxis: series horizontal axis id <br /> type: string
  default: "x"
• yAxis: series vertical axis id <br /> type: string
  default: "y"
• label: label of the serie that can be displayed in legends<br /> type: string
  
• hidden: hides serie<br /> type: boolean
  default: false
• xShift: shifts the data relative to horizontal axis<br /> type: number or string
  default: 0
• yShift: shifts the data relative to vertical axis<br /> type: number or string
  default: 0

Example