Skip to main content

Plot

Plot is the container of all other components, and the main component in react-plot that creates the plot svg

Allowed children​

Plot children must be one of the following components :

Props​

Plot viewportSeries viewportWidthHeightMargin

Mandatory​

  • width: Width of the SVG in pixels
    type: number
  • height: Height of the SVG in pixels
    type: number

Optional​

  • colorScheme: Color scheme used to pick colors for the series
    type: Iterable<string>
    default: "schemeSet1" from "d3-scale-chromatic"
  • margin: Pixel distance between seriesViewport and plotViewport.
    type: {top?:number, bottom?:number, left?:number, right?:number}
    default: {}
  • svgStyle: Style applied to the SVG element
    type: CSSProperties
    default: {}
  • svgId: Id of the SVG element
    type: string
    default: generated automatically
  • svgClassName: Class name of the SVG element
    type: string
    default: ""
  • plotViewportStyle: Style applied to the rectangle around the entire plot
    type: CSSProperties
    default: {}
  • seriesViewportStyle: Style applied to the rectangle around the series viewport
    type: CSSProperties
    default: {}
  • controllerId: Id of the parent PlotController that will control this plot
    type: string
    default: ""