纯血鸿蒙APP第三方库——MpChart图表实现案例

「已注销」

于 2024-08-22 15:22:20 发布

阅读量488

点赞数 4

分类专栏： harmonyOS 鸿蒙开发移动开发文章标签： harmonyos 前端鸿蒙开发移动开发组件化 Arkui MpChart

本文链接：https://blog.youkuaiyun.com/heyuan49/article/details/141429247

版权

介绍

MpChart是一个包含各种类型图表的图表库，主要用于业务数据汇总，例如销售数据走势图，股价走势图等场景中使用，方便开发者快速实现图表UI。本示例主要介绍如何使用三方库MpChart实现柱状图UI效果。如堆叠数据类型显示，Y轴是否显示，左Y轴位置，右Y轴位置，是否显示X轴，是否绘制背景色，是否设置MarkerView等。

效果图预览

使用说明

点击页面上控制项即可查看效果。需要注意的是选项”是否设置MarkerView“勾选后，点击柱状图中柱子会有弹窗效果。

实现思路

通过this.model = new BarChartModel()初始化图表配置构建类。

   // 图表数据初始化
   aboutToAppear() {
   
       // 初始化图表配置构建类
       this

最低0.47元/天解锁文章