前面学习了动态加载的组件，在本文里将要学习百分比显示组件，这个组件可以把数据按百分比的情况进行图形显示出来。百分比图形显示还是很有用的，比如一个班里学生的成绩占比，还有软件项目开发进度的情况，还有软件下载进度等等。
在鸿蒙系统里定义这个组件接口如下：
DataPanel(options:{values: number[], max?: number, type?: DataPanelType})
在这里输入一个参数options。
而这个参数定义如下：
values是一个数组类型，描述每一段怎么显示，比如30%显示时，表示值就是30.
max是一个百分比的最大值，如果百分显示，那么这个值就是100.
type是百分组件显示外形的方式，这里主要有两种显示，一种是圆形Circle，一个是线形Line。