Class LineChart

Line chart widget.

Description

LineChart is a class that extends BaseSimpleChart and is used to create a line chart widget. In fact, LineChart can also be used to create a scatter chart and a bubble chart.

Hierarchy (view full)

Constructors

constructor

Properties

animationInstances centerX centerY children data display dotSets eventInstances fillPaint hasSet isImplemented key last layout parent paths plugins progress registeredEvents setups status strokePaint strokePaints style updates x y

Accessors

range singleRange

Methods

_isAsyncWidget add animate calculateIn calculateRange coordinateChildToParent coordinateParentToChild copy draw emitEvent hide init isIn kill on predraw preupdate processSetups registerEvent resurrect runAnimation setEventListener setUpdate setup show update use absoluteToRelative getAbsoluteCoordinates

Constructors

constructor

Properties

animationInstances

animationInstances: AnimationInstance<Widget>[] = []

centerX

centerX: number

centerY

centerY: number

children

children: Widget[] = []

The child-widgets of the widget.

data

data: LineChartData

The data of the LineChart.

display

display: boolean = true

dotSets

dotSets: Circle[][]

The dot sets of the LineChart.

eventInstances

eventInstances: EventInstance<Widget>[] = []

fillPaint

fillPaint: Paint

hasSet

hasSet: boolean = false

isImplemented

isImplemented: boolean = false

key

key: string = ...

last

last: Widget = ...

layout

layout: ChartLayout

Layout object for the chart.

parent

parent: Widget

paths

paths: Path[]

The paths of the lines in the LineChart.

plugins

plugins: WidgetPlugin[] = []

progress

progress: number

registeredEvents

registeredEvents: Map<string, Event<Widget>> = ...

setups

setups: {
    generator: Generator<number | {
        animation: Animation<any>;
        duration: number;
        mode: "async" | "sync";
        params: Record<string, any>;
        setAsync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
        setSync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
    }, void, unknown>;
    nextFrame: number;
}[] = []

Type declaration

  • generator: Generator<number | {
        animation: Animation<any>;
        duration: number;
        mode: "async" | "sync";
        params: Record<string, any>;
        setAsync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
        setSync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
    }, void, unknown>
  • nextFrame: number

status

status: Status = 'unborn'

strokePaint

strokePaint: Paint

strokePaints

strokePaints: Paint[]

The stroke paints for the lines in the LineChart.

style

style: LineChartStyle

The style of the LineChart.

updates

updates: (<T>(elapsed, widget) => void)[] = []

Type declaration

    • <T>(elapsed, widget): void

    • Type Parameters

      Parameters

      • elapsed: number
      • widget: T

      Returns void

x

x: number

y

y: number

Accessors

range

  • get range(): WidgetRange

  • The range of the widget, taking into account the children, based on the parent coordinate. To be noted that this method should not be overridden.

    Returns WidgetRange

    The range of the widget.

singleRange

  • get singleRange(): WidgetRange

  • The range of the widget, taking into account the children, based on the parent coordinate. To be noted that this method should not be overridden.

    Returns WidgetRange

    The range of the widget.

Methods

_isAsyncWidget

add

  • add(...children): this

  • Add children widgets for the widget.

    Parameters

    • Rest ...children: Widget[] | ((parent) => Widget)[]

      The added children.

    Returns this

animate

  • animate(animation, startAt, duration, params?): this

  • Parameters

    • animation: Animation<any>
    • startAt: number
    • duration: number
    • Optional params: Record<string, any>

    Returns this

calculateIn

calculateRange

coordinateChildToParent

  • coordinateChildToParent(x, y): {
        x: number;
        y: number;
    }

  • Parameters

    • x: number
    • y: number

    Returns {
        x: number;
        y: number;
    }

    • x: number
    • y: number

coordinateParentToChild

  • coordinateParentToChild(x, y): {
        x: number;
        y: number;
    }

  • Parameters

    • x: number
    • y: number

    Returns {
        x: number;
        y: number;
    }

    • x: number
    • y: number

copy

draw

emitEvent

  • emitEvent(name, ...args): this

  • Parameters

    • name: string
    • Rest ...args: any[]

    Returns this

hide

init

isIn

  • isIn(x, y): boolean

  • Determine whether the point is in the widget, based on the parent coordinate. To be noted that this method should not be overridden.

    Parameters

    • x: number
    • y: number

    Returns boolean

kill

on

  • on(event, effect): this

  • Parameters

    • event: string | Event<Widget>
    • effect: ((widget, ...args) => any)
        • (widget, ...args): any

        • Parameters

          • widget: Widget
          • Rest ...args: any[]

          Returns any

    Returns this

predraw

preupdate

  • preupdate(ck, propertyChanged?): void

  • Called when the parameters are changed.

    Parameters

    • ck: CanvasKit

      The namespace of CanvasKit-WASM.

    • Optional propertyChanged: string

    Returns void

processSetups

registerEvent

resurrect

runAnimation

  • runAnimation(elapsed, ck): void

  • Parameters

    • elapsed: number
    • ck: CanvasKit

    Returns void

setEventListener

  • setEventListener(element): void

  • Parameters

    • element: HTMLCanvasElement

    Returns void

setUpdate

  • setUpdate(updateFunc): this

  • Set up an update function to call it when the widget is changed.

    Parameters

    • updateFunc: (<T>(elapsed, widget) => void)

      The frame from having gone to current frame.

        • <T>(elapsed, widget): void

        • Type Parameters

          Parameters

          • elapsed: number
          • widget: T

          Returns void

    Returns this

setup

show

update

  • update(canvas): void

  • Update the object according to the style of the widget. Called when the style is changed.

    Parameters

    • canvas: Canvas

      The canvas object of CanvasKit-WASM.

    Returns void

use

Static absoluteToRelative

  • absoluteToRelative(widget, x, y): {
        x: number;
        y: number;
    }

  • Parameters

    • widget: Widget
    • x: number
    • y: number

    Returns {
        x: number;
        y: number;
    }

    • x: number
    • y: number

Static getAbsoluteCoordinates

  • getAbsoluteCoordinates(widget): {
        x: number;
        y: number;
    }

  • Parameters

    Returns {
        x: number;
        y: number;
    }

    • x: number
    • y: number

Settings

Member Visibility

Theme

On This Page

constructoranimationInstancescenterXcenterYchildrendatadisplaydotSetseventInstancesfillPainthasSetisImplementedkeylastlayoutparentpathspluginsprogressregisteredEventssetupsstatusstrokePaintstrokePaintsstyleupdatesxyrangesingleRange_isAsyncWidgetaddanimatecalculateIncalculateRangecoordinateChildToParentcoordinateParentToChildcopydrawemitEventhideinitisInkillonpredrawpreupdateprocessSetupsregisterEventresurrectrunAnimationsetEventListenersetUpdatesetupshowupdateuseabsoluteToRelativegetAbsoluteCoordinates