HarmonyOS-UIAbitity-DataPanel——【坚果派-红目香薰】

举报
红目香薰 发表于 2024/03/31 18:13:19 2024/03/31
【摘要】 ​ 摘要作者:红目香薰团队:坚果派 团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 目录摘要HarmonyOS-UIAbitity-DataPanel接口属性DataPanelType枚举说明DataPanel示例 HarmonyOS-UIAbitity-DataPanel接口DataPanel(options:{values: number[]...

 摘要

作者:红目香薰
团队:坚果派
团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 

目录

摘要

HarmonyOS-UIAbitity-DataPanel

接口

属性

DataPanelType枚举说明

DataPanel示例 


HarmonyOS-UIAbitity-DataPanel

接口

DataPanel(options:{values: number[], max?: number, type?: DataPanelType})

参数:

参数名

参数类型

必填

默认值

参数描述

values

number[]

-

数据值列表,最大支持9个数据。

max

number

100

- max大于0,表示数据的最大值。

- max小于等于0,max等于value数组各项的和,按比例显示。

type8+

DataPanelType

DataPanelType.Circle

数据面板的类型。

属性

名称

参数类型

默认值

描述

closeEffect

boolean

true

设置是否禁用数据比率图表的特殊效果。

DataPanelType枚举说明

名称

描述

Line

线型数据面板。

Circle

环形数据面板。

DataPanel示例 

编辑

示例源码:

@Entry
@Component
struct Index {
  public values1: number[] = [15, 12, 1, 5, 2,17, 11, 12, 10]

  build() {
    Column({ space: 5 }) {
      Text('Circle').fontSize(9).fontColor(0xCCCCCC).margin({ top: 20, right: '80%' })
      DataPanel({ values: this.values1, max: 100, type: DataPanelType.Circle }).width(200).height(200)

      Text('Line').fontSize(9).fontColor(0xCCCCCC).margin({ bottom: 20, right: '80%' })
      DataPanel({ values: this.values1, max: 100, type: DataPanelType.Line }).width(300).height(10)
    }.width('100%').margin({ top: 5 })
  }
}



【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。