组件/数据展示

EChart 图表

import EUI 1.0

示例与代码

图表

QML 代码QML

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] }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

colorQColor

自定义颜色；透明值通常表示使用当前主题或语义配色。

默认值动态绑定

enabledbool

是否允许交互；false 时控件禁用。

默认值true

gridColorQColor

图表网格线颜色。

默认值动态绑定

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

modelQVariantList

数值数组或图表数据对象数组。

字段：
label, value

默认值[]

textColorQColor

文字颜色。

默认值动态绑定

typeint

图表的绘制类型。

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

默认值0 (Line)

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth