Chart QML Type
一个自定义的图表组件，基于 Chart.js 实现，支持动画和鼠标事件处理。. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- animationDuration : double
- animationEasingType : int
- animationRunning : alias
- chartAnimationProgress : double
- datas : var
- options : var
- type : string
Signals
- void animationFinished()
Methods
- void animateToNewData()
Detailed Description
Chart 组件是一个 QML 组件，封装了 Chart.js 库来创建图表。它支持动态数据更新和动画效果，并能够处理各种鼠标事件。组件的属性包括图表类型、数据、选项，以及动画相关的设置。
示例用法：
Chart {
type: "bar"
datas: {
labels: ["A", "B", "C"],
datasets: [{
label: "Sample Dataset",
data: [10, 20, 30]
}]
}
options: {
responsive: true,
scales: {
y: {
beginAtZero: true
}
}
}
animationDuration: 500
animationEasingType: Theme.animationCurve
}
Property Documentation
animationDuration : double |
动画的持续时间，以毫秒为单位。
animationEasingType : int |
动画的缓动类型，使用 Theme.animationCurve 作为默认值。用于设置动画的缓动效果。
animationRunning : alias |
用于控制动画是否正在运行的别名属性。
chartAnimationProgress : double |
图表动画的进度，范围从 0 到 1。用于控制图表的动画效果。
datas : var |
图表的数据对象，包括标签和数据集。数据的格式应符合 Chart.js 的要求。
options : var |
图表的配置选项，按照 Chart.js 的配置对象定义。用于设置图表的外观和行为。
type : string |
图表的类型，例如 "bar"、"line"、"pie" 等。此属性定义了使用 Chart.js 库的图表类型。
Signal Documentation
void animationFinished() |
动画完成时发出的信号。
Note: The corresponding handler is onAnimationFinished.
Method Documentation
void animateToNewData() |
启动动画以更新图表数据。此方法会将动画进度重置并触发动画。