User Interface

User Interface (UI) refers to the visual and interactive elements of a digital system or application that enable users to interact with and control it.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 2.0.0
  •  API 21, Android 5.0 Lollipop
  •  29 Blocks Available

Chart

The Chart component is used for creating various types of charts (like line, bar, pie, etc.) within an application. It allows data visualization and provides methods for customization, data manipulation, and user interaction.

Overview

A visible component that's used to display data in chart formats.

Events

Image Description
Events

EntryClick

  • Event triggered when a chart entry is clicked.

    • # Name Type(s) Default Value
    1 series object
    2 x int
    3 y int

    Methods

    Image Description
    Methods

    SetDomain

  • Sets the domain (minimum and maximum values) for the chart's x-axis.

    • # Name Type(s) Default Value
    1 minimum int
    2 maximum int
    Image Description
    Methods

    SetMargin

  • Sets the margin around the chart.

    • # Name Type(s) Default Value
    1 left int
    2 right int
    3 top int
    4 bottom int
    Image Description
    Methods

    SetPadding

  • Sets the padding around the chart.

    • # Name Type(s) Default Value
    1 left int
    2 right int
    3 top int
    4 bottom int
    Image Description
    Methods

    SetRange

  • Sets the range (minimum and maximum values) for the chart's y-axis.

    • # Name Type(s) Default Value
    1 minimum int
    2 maximum int

    Properties

    Image Description
    Image Description
    Properties

    BackgroundColor

  • Gets the background color of the chart.


  • Sets the background color of the chart.

    • # Name Type(s) Default Value
    1 BackgroundColor color
    2 BackgroundColor color
    Image Description
    Image Description
    Properties

    Description

  • Gets the description text of the chart.


  • Sets the description text of the chart.

    • # Name Type(s) Default Value
    1 Description string
    2 Description string
    Image Description
    Image Description
    Properties

    GridEnabled

  • Checks if the grid is enabled in the chart.


  • Enables or disables the grid in the chart.

    • # Name Type(s) Default Value
    1 GridEnabled boolean
    2 GridEnabled boolean
    Image Description
    Image Description
    Properties

    Height

  • Gets the height of the chart.


  • Sets the height of the chart.

    • # Name Type(s) Default Value
    1 Height int
    2 Height int
    Image Description
    Properties

    HeightPercent

  • Sets the height of the chart as a percentage of its parent's height.

    • # Name Type(s) Default Value
    1 HeightPercent int
    Image Description
    Image Description
    Properties

    Labels

  • Gets the labels used in the chart.


  • Sets the labels to be used in the chart.

    • # Name Type(s) Default Value
    1 Labels string[]
    2 Labels string[]
    Image Description
    Image Description
    Properties

    LegendEnabled

  • Checks if the legend is enabled in the chart.


  • Enables or disables the legend in the chart.

    • # Name Type(s) Default Value
    1 LegendEnabled boolean
    2 LegendEnabled boolean
    Image Description
    Image Description
    Properties

    Visible

  • Checks if the chart is visible.


  • Sets the visibility of the chart.

    • # Name Type(s) Default Value
    1 Visible boolean
    2 Visible boolean
    Image Description
    Image Description
    Properties

    Width

  • Gets the width of the chart.


  • Sets the width of the chart.

    • # Name Type(s) Default Value
    1 Width int
    2 Width int