McCharts 2.0来了,完美适配HarmonyOS NEXT最新版本,可轻松迁移Echarts图表项目

大家好,我是陈杨。终于有时间来分享一些技术文章了,自从 McCharts 组件上线第一期之后,就开始忙碌鸿蒙创新赛与极客马拉松比赛。在比赛的过程一直收到很多Issues,但是由于腾不出时间来维护,导致大家以为我们不维护了。在这里给大家说一声对不起。现在两个比赛都结束了,刚好鸿蒙推出全新的HarmonyOS NEXT版本,我们也是第一时间投入开发,将所有Issues全部解决,上架2.0版本,完美适配鸿蒙最新的版本。

顺便分享一下这次比赛的经历,这次比赛我们是以个人小队去参与的,一边自学一边开发,最后也闯入了决赛,与各方大佬进行最终决斗。虽然最后输了,但是学习了很多东西,也对自己的一些不足进行总结,后面我也会专门写一篇经验分享与总结的文章。

来看看我们这次主要修复和更新了哪些内容?也会跟大家讲一下小伙伴遇到的一些开发工具版本的问题。

修复

先讲一下修复了哪些问题:

  • 修复Tooltip中的app.float.xxxx资源引用不到,编译不通过的问题
  • 修复设置自定义属性必须要把属性写全,否则会丢失默认值的问题
  • 修复折线图设置x轴的label和刻度尺的时候,会导致x轴的文本不显示出来的问题
  • 修复折线图x轴的data设置为number类型的数组会报错的问题
  • 修复series的data数据类型定义错误的问题
  • 修复@state defOptions: Options = new Options({})时会报错
  • 修复不显示tooltip情况下点击扇区报错的问题
  • 修复柱状图X轴文本没有和图对齐的问题

这里大部分的原因主要是一期考虑数据处理的时候,没有考虑到覆盖的问题。还有就是数据类型定义的不是很全面,这次也是着重检查了一遍。欢迎大家提出的问题,后续我们也会及时修复。

更新

来看一下我们这次更新了哪些功能:

  • 新增折线图支持设置平滑曲线
  • 新增X轴文本支持设置���接截断与换行
  • 新增X轴动态设置间隔显示文本标签
  • 新增X轴支持设置滚动模式
  • 新增X轴支持设置文本与轴线的距离
  • 新增Y轴支持设置名称与轴线的距离
  • 新增Y轴支持设置文本与轴线的距离
  • 新增折线图支持设置背景面积图
  • 新增折线图支持设置拐点边框样式
  • 新增柱状图支持设置圆柱属性
  • 新增自定义提示框
  • 新增雷达图组件
  • 新增饼图增加title组件以及自定义设置title的功能

这次主要的更新点是x轴滚动模式、折线图平滑曲线展示、自定义提示层、饼图新增设置title功能。这些功能都是在E charts比较常见的,所以我们也是会第一时间去实现。可以看一下我们的示例图:

以上就是这次版本的更新内容了。我们也规划了一些功能,在后续时间里面逐步去完成相关功能的开发,大家可以不用怕我们不维护哈

官网更新

不光光这次组件更新了,我们也对官网进行了更新。以前的官网的模式是讲解属性功能,加一张静态图片跟示例代码,详细的属性介绍会放在最下面,可能会导致用户不知道怎么使用。所以我们这次换成了功能讲解+动态图+示例代码+详细属性讲解作为一个模块,不会分开展示,让你们使用起来更加方便。下面简单看一下演示视频:

大家也可以自己体验一下。记得给我们一个小小的star!!!

官方文档地址meichuang.org.cn/GettingStar...

Github地址github.com/Yuan-Mr/mcC...

总结

这次的分享就到此为止了,开发这个组件目的还是希望大家能够轻松迁移Echarts或者开发图表功能。而开源是更好的跟大家一起学习,我们也会坚持下去。谢谢大家在使用的过程中提出你们宝贵的意见,有兴趣的可以加入我们的组件技术交流群

在未来我们也会分享更多的工具案例,有免费使用的案例,也有付费的案例,打造一个全面的鸿蒙生态。也欢迎大家加入鸿蒙开发,体验自己国产的操作系统,这也是一件值得骄傲的事情。

相关推荐
nashane6 小时前
HarmonyOS 6学习:旋转动画优化与长截图性能调优——打造丝滑交互体验的深度实践
学习·交互·harmonyos·harmonyos 5
南村群童欺我老无力.11 小时前
鸿蒙自定义组件接口设计的向后兼容陷阱
华为·harmonyos
liulian091611 小时前
Flutter 跨平台路由与状态管理:go_router 与 Riverpod 的 OpenHarmony总结
flutter·华为·学习方法·harmonyos
liulian091612 小时前
Flutter for OpenHarmony 跨平台技术实战:flutter_animate 与 pull_to_refresh 库的鸿蒙化适配总结
flutter·华为·学习方法·harmonyos
南村群童欺我老无力.12 小时前
鸿蒙PC开发的路由导航参数传递的类型安全陷阱
安全·华为·harmonyos
IntMainJhy13 小时前
【flutter for open harmony】第三方库 Flutter 二维码生成的鸿蒙化适配与实战指南
数据库·flutter·华为·sqlite·harmonyos
jiejiejiejie_14 小时前
Flutter for OpenHarmony 底部选项卡与多语言适配小记:让 App 更贴心的两次小升级✨
flutter·华为·harmonyos
轻口味14 小时前
HarmonyOS 6.1 全栈实战录 - 01 沉浸式视效探索:HDS 下的“光感”交互引擎深度解析与实践
华为·harmonyos
jiejiejiejie_15 小时前
Flutter for OpenHarmony 应用更新检测与萌系搜索功能实战小记✨
flutter·华为·harmonyos
IntMainJhy15 小时前
Flutter 三方库 Firebase Messaging 鸿蒙化适配与实战指南(权限检查+设备Token获取全覆盖)
flutter·华为·harmonyos