ixfx
    Preparing search index...

    Class CartesianCanvasPlot

    Simple plotting of cartesian values.

    Create a plot that fills screen

    const p = Plot.insert({fill`viewport});
    const dataSet = p.dataSet;

    // Add data
    ds.add({ x: 1, y: 2 });

    // Draw
    p.draw();

    Create a plot that fills a container

    const p = Plot.insert({parent:`#someel`});

    Add data using the created data set


    // Add a value to the `alpha` series
    p.dataSet.add({x:1,y:1}, `alpha`);

    Set default series formatting

    p.setMeta(`default`, {
     colour: `hsl(50,100%,50%)`,
     lineWidth: 10
    });

    Series can have metadata associated with it in the DataSet

    // Use 'pink' by default for the series 'alpha'
    p.setMeta(`alpha`, { colour: `pink` });
    Index

    Accessors

    canvasRegion canvasSource dataSet

    Constructors

    constructor

    Methods

    draw drawLine getCurrentRange getDataRange getDefaultMeta invalidateRange pointToValue positionElementAt setMeta valueToRegionSpace valueToScreenSpace

    Properties

    actualDataRange axisRounder onInvalidated overlayLines show visibleRange whiskerLength

    Accessors

    Constructors

    Methods

    • Positions an element at the viewport location of data point. Ensure the element has position:absolute set.

      Parameters

      • data: Point
      • elementToPosition: string | HTMLElement
      • by: "middle" | "top-left" = ...
      • OptionalrelativeToQuery: string | HTMLElement

      Returns void

    Properties

    actualDataRange: RectPositioned = Rects.EmptyPositioned
    axisRounder: (v: number) => number = ...
    onInvalidated: undefined | (() => void)
    overlayLines: (Line & LineStyle)[] = []

    List of lines to draw after drawing everything else. Lines are given in value-coordinate space

    show: ShowOptions
    visibleRange: RectPositioned = Rects.PlaceholderPositioned
    whiskerLength: number

    Settings

    Member Visibility

    On This Page

    Accessors
    Constructors
    Methods
    Properties