当前位置: 首页 > 科技观察

【鸿蒙图解】使用绘图组件Canvas绘制直方图

时间:2023-03-14 18:08:43 科技观察

更多内容请访问:与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com/#zz1.运行效果为在页面中分别以红色、黄色和蓝色显示三组直方图,如下图:2.实现思路通过将组件图表的属性类型设置为“bar”来绘制直方图。在组件图表中,通过动态绑定指定属性options和datasets的值来设置图表的参数。3.详细代码解释打开文件index.hml。将组件文本中显示的页面标题更改为:直方图。在页面标题下方添加一个组件图表。在组件图表中,通过动态绑定将属性options和datasets的值分别设置为“{{options}}”和“{{datasets}}”。将属性类型的值设置为“{{bar}}”以显示条形图。代码如下:Histogram