Components/Data display

EChart Chart

import EUI 1.0

Examples

Chart

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EChart { type: 1 height: 260 width: parent.width model: [12, 28, 18, 42, 32, 54, 38] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

colorQColor

Custom color; a transparent value usually selects theme or semantic colors.

DefaultDynamic binding

enabledbool

Allow interaction; false disables the control.

Defaulttrue

gridColorQColor

Chart grid line color.

DefaultDynamic binding

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

modelQVariantList

Array of numbers or chart data objects.

Fields:
label, value

Default[]

textColorQColor

Text color.

DefaultDynamic binding

typeint

Chart rendering type.

ChartRenderer.Line = 0
ChartRenderer.Bar = 1
ChartRenderer.Area = 2

Default0 (Line)

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth