Class BarChart

BarChart widget.

Hierarchy

  • BaseSimpleChart
    • BarChart

Constructors

constructor

Properties

animationInstances barPercentage barSets categoryPercentage centerX centerY children data display eventInstances fillPaint hasSet isImplemented key last layout parent plugins progress setups strokePaint style updates x y

Accessors

range

Methods

_isAsyncWidget add animate animateTree copy draw hide init isIn on predraw preupdate processSetups runAnimation setEventListener setUpdate setup show update use absoluteToRelative getAbsoluteCoordinates

Constructors

constructor

Properties

animationInstances

animationInstances: AnimationInstance<Widget>[] = []

barPercentage

barPercentage: number

The percentage of the bar width in the category width.

Default

0.8

barSets

barSets: Rect[][]

The bar sets of the BarChart.

categoryPercentage

categoryPercentage: number

The percentage of the category width in the grid width.

Default

0.8

centerX

centerX: number

centerY

centerY: number

children

children: Widget[] = []

The child-widgets of the widget.

data

data: BarChartData

The data of the BarChart.

display

display: boolean = true

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

plugins

plugins: WidgetPlugin[] = []

progress

progress: number

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

strokePaint

strokePaint: Paint

style

style: BarChartStyle

The style of the BarChart.

updates

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

Type declaration

    • (elapsed, widget): void

    • Parameters

      Returns void

x

x: number

y

y: number

Accessors

range

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, during, params?): this

  • Parameters

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

    Returns this

animateTree

copy

draw

hide

init

  • init(_ck): void

  • Called when the widget is registered.

    Parameters

    • _ck: CanvasKit

      The CanvasKit namespace

    Returns void

isIn

on

  • on(event, effect): this

  • Parameters

    • event: 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 is changed.

    Parameters

    • ck: CanvasKit

      The namespace of CanvasKit-WASM.

    • Optional propertyChanged: string

    Returns void

processSetups

runAnimation

setEventListener

  • setEventListener(element): void

  • Parameters

    • element: HTMLCanvasElement

    Returns void

setUpdate

  • setUpdate(updateFunc): this

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

    Parameters

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

      The frame from having gone to current frame.

        • (elapsed, widget): void

        • Parameters

          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

constructoranimationInstancesbarPercentagebarSetscategoryPercentagecenterXcenterYchildrendatadisplayeventInstancesfillPainthasSetisImplementedkeylastlayoutparentpluginsprogresssetupsstrokePaintstyleupdatesxyrange_isAsyncWidgetaddanimateanimateTreecopydrawhideinitisInonpredrawpreupdateprocessSetupsrunAnimationsetEventListenersetUpdatesetupshowupdateuseabsoluteToRelativegetAbsoluteCoordinates