开源啦!!!基于鸿蒙 ArkTS 封装的图表组件《McCharts》,大家快来一起共创

举报
陈杨 发表于 2025/03/15 14:45:30 2025/03/15
【摘要】 Hello;大家好,我是陈杨。好久没更新了,首先是自己本职工作比较忙,基本没时间写作。其次就是学习技术,自学鸿蒙 ArkTS 语言已经接近半年了,也算半路出师了,这次将分享我封装的组件库,所以有啥讲错的地方请大家高抬贵手,宽容一下,谢谢。这次主要是给大家带来一个重磅消息,就是我自己使用鸿蒙 ArkTS 语法开发的图表组件今日正式开源了。为什么?原因有两点吧!鸿蒙是国产的操作系统,不管他是不是...

Hello;大家好,我是陈杨。好久没更新了,首先是自己本职工作比较忙,基本没时间写作。其次就是学习技术,自学鸿蒙 ArkTS 语言已经接近半年了,也算半路出师了,这次将分享我封装的组件库,所以有啥讲错的地方请大家高抬贵手,宽容一下,谢谢。


这次主要是给大家带来一个重磅消息,就是我自己使用鸿蒙 ArkTS 语法开发的图表组件今日正式开源了。为什么?原因有两点吧!


  • 鸿蒙是国产的操作系统,不管他是不是真的遥遥领先。作为一位开发者,只是想奉献一点自己的微薄之力,去帮助鸿蒙扩大开发社区生态

  • 做开发这么久,大概八年了,还没自己开创一个开源的组件库,就是想试试自己到底行不行。


出于这两点,我决定做开源。这半年我也用鸿蒙 ArkTS 语法尝试开发了一些 APP,虽然还没上架哈,不过基本的开发流程以及交互都熟悉了,而且马上第一款 APP 也会跟着上线了。在我尝试的开发过程中,发现 ArkTs 实现图表的案例很少,几乎可说没有,有也是不贴合业务的,不像 echarts 一样灵活。索性就自己封装了,开发就是这样,有时候宁愿多花一点功夫也不愿意使用第三方组件(大家别学我哈,还是要用我封装好的哈)。


我也会把封装好的图表组件分享到鸿蒙的社区或者鸿蒙开发群里面,其中有一位开发者问我可以开源出来不,大家一起玩玩,我心想也不是不可以哦,大家一起开发,这样可能会更快,适配性更强。就这样顺理成章得开源了;给大家讲一下目前组件的现状。以后也会分享相关的 ArkTS 技术

组件的完成进度

已经基本完成的组件有:折线图、柱状图、饼图、散点图。这几个是已经可以直接使用,如果遇到问题可以在 GitHub 上提 issues,也可以在群里问。


正在开发的有:雷达图、柱状+折线图。这两个是正在开发中的,想用或者想开发的可以等版本正式上了再考虑。


每个组件的迭代上线都会先把所有属性都测试一遍,保证没有问题才可以发布。不过开发没有 bug 是不可能的,所以有问题请及时反馈

开源代码管理

管理开源代码我们选择了 GitHub,比较主流,后续也会放开其他的。而开发完的组件我们使用的是 OpenHarmony 三方库中心仓来管理,鸿蒙目前也只支持这个中心仓下载依赖。以下是对应的地址


大家可以积极参与共创,感谢大家!如果觉得不错,还请点点小星星,感谢感谢。

组件文档

组件库的相关插件必然是给开发使用的,那就必须有使用文档,不然开发者不知道有哪些属性。所以我也给大家准备了官方文档。我大概介绍一下,是我自己使用 react 实现的。


1、首页:主要是介绍组件库的框架结构以及能够做什么等等。



2、文档页面:主要是详细介绍组件的安装方式、每个组件中的属性以及方法,是开发者使用最广的一个页面



目前就这两个页面,其他都是快速跳转到 GitHub 跟 ohpm 的

总结

组件目前的现状就到此讲解结束了,但是我们的故事还没结束。欢迎加入我们的共创,集思广益。也希望大家可以多点点小星星支持一下,后续有更新我也会同步给大家。这是我第一个开源的项目,做的不好的地方也希望多多指点,我是比较愿意多学习的,也希望大家多学习。大家想交流的可以通过 GitHub 上的群二维码加群,也可以私信我,我看到都会回复。

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

评论(0

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

全部回复

上滑加载中

设置昵称

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

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

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