Overview

Overview

Directive: o-chart

Inherited inputs

  • from OServiceBaseComponent:
    • attr
    • columns
    • entity
    • keys
    • pageable
    • parent-keys
    • query-fallback-function
    • query-method
    • query-on-bind
    • query-on-init
    • query-rows
    • query-with-null-parent-keys
    • service
    • service-type
    • static-data
    • store-state

Inputs

Name Since Description Default

chart-height

number

Set the height of the chart in pixels.

chart-parameters

Control properties of styling, fonts, the legend, etc.

chart-width

number

Set the width of the chart in pixels.

data

array

Defines the array of data to be displayed on the chart

type

string

Defines the type of graph to be painted (bubbleChart, bulletChart, candlestickBarChart, discreteBar, donutChart, forceDirectedGraph, gaugeDashboardChart, gaugeSimpleChart, gaugeSlimChart, gaugeSpaceChart, line, linePlusBarWithFocusChart, multiBar, multiBarHorizontalChart, ohlcBarChart, parallelCoordinatesChart, pie, radarChart, radialPercentChart, scatterChart, stackedAreaChart)

x-axis

string

Defines the data to be displayed on X axis

x-data-type

string

Type of data displayed on X axis

x-label

string

Label to be displayed on X axis

y-axis

string

Defines the data to be displayed on Y axis

y-data-type

string

Type of data displayed on Y axis

y-label

string

Label to be displayed on Y axis

Outputs

Name Since Description

onDoubleTap

Event triggered when the chart is double-tapped

onPinch

Event triggered on pinch

onPress

Event triggered when the chart is pressed

onRotate

Event triggered when the screen rotates

onSwipe

Event triggered on swipe

onTap

Event triggered when the chart is tapped

Updated: