Overview

OChartComponent

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.
color object|string		Modifies the color palette of the chart. Accepts an object in the format { domain: [‘#xxxx’, ‘#xxxx’, ‘#xxxx’] } or a theme name (‘vivid’, ‘natural’, ‘cool’, ‘fire’, ‘solar’, ‘air’, ‘aqua’, ‘flame’, ‘ocean’, ‘forest’, ‘horizon’, ‘neons’, ‘picnic’, ‘night’, ‘nightLights’)
data array		Defines the array of data to be displayed on the chart
legend-position string		Allows modifying the position of the legend. Values can be ‘right’ or ‘below’.
legend-title string		Title to be displayed on the legend.
show-grid-lines boolean		Controls whether the grid lines are displayed on the chart.
show-legend boolean		Controls whether the legend is displayed.
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
onActivate		Element activation event triggered when the mouse enters an element in the chart.
onDataLoaded		Event triggered when the data is loaded
onDeactivate		Element deactivation event triggered when the mouse leaves an element in the chart.
onSelect		Click event triggered when an element in the chart is clicked.