智慧屏和智能穿戴开发：基础组件chart

HarmonyOS应用开发文档更新修改说明：chart组件补充示例代码和示例效果图，方便开发者掌握该组件的使用方式

图表组件，用于呈现线形图、柱状图、量规图界面。

支持设备

表1 组件的设备支持情况

智慧屏	智能穿戴
支持	支持

权限列表

无

子组件

不支持。

属性

名称	类型	默认值	必填	描述
type	string	line	是	设置图表类型（不支持动态修改），可选项有： bar：柱状图。 line：线形图。 gauge：量规图。
options	ChartOptions	-	否	图表参数设置，柱状图和线形图必须设置参数设置，量规图不生效。可以设置x轴、y轴的最小值、最大值、刻度数、是否显示，线条宽度、是否平滑等。（不支持动态修改）
datasets	Array<ChartDataset>	-	否	数据集合，柱状图和线形图必须设置数据集合，量规图不生效。可以设置多条数据集及其背景色。
id	string	-	否	组件的唯一标识。
style	string	-	否	组件的样式声明。
class	string	-	否	组件的样式类，用于引用样式表。
ref	string	-	否	用来指定指向子元素或子组件的引用信息，该引用将注册到父组件的$refs 属性对象上。
disabled	boolean	false	否	当前组件是否被禁用，在禁用场景下，组件将无法响应用户交互。
focusable	boolean	false	否	当前组件是否可以获取焦点。 当focusable设置为true时，组件可以响应焦点事件和按键事件。当组件额外设置了按键事件或者点击事件时，框架会设置该属性为true。
data	string	-	否	给当前组件设置data属性，进行相应的数据存储和读取。

表2 ChartOptions

名称	类型	默认值	必填	描述
xAxis	ChartAxis	-	是	x轴参数设置。可以设置x轴最小值、最大值、刻度数以及是否显示。
yAxis	ChartAxis	-	是	y轴参数设置。可以设置y轴最小值、最大值、刻度数以及是否显示。
series	ChartSeries	-	否	数据序列参数设置。可以设置1）线的样式，如线宽、是否平滑；2）设置线最前端位置白点的样式和大小。 说明 仅线形图支持。

表3 ChartDataset

名称	类型	默认值	必填	描述
strokeColor	<color>	#ff6384	否	线条颜色。 说明 仅线形图支持。
fillColor	<color>	#ff6384	否	填充颜色。
data	Array<number>	-	是	设置绘制线或柱中的点集。
gradient	boolean	false	否	设置是否显示填充渐变颜色。 说明 仅线形图支持。

表4 ChartAxis

名称	类型	默认值	必填	描述
min	number	0	否	轴的最小值。 说明 不支持负数。仅线形图支持。
max	number	100	否	轴的最大值。 说明 不支持负数。仅线形图支持。