Skip to main content

Introduction

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

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