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！！！
官方文档地点：http://110.41.70.31/
Github地点：https://github.com/Yuan-Mr/mcCharts
总结

这次的分享就到此为止了，开发这个组件目的还是希望各人能够轻松迁徙Echarts或者开发图表功能。而开源是更好的跟各人一起学习，我们也会对峙下去。谢谢各人在使用的过程中提出你们名贵的意见，有兴趣的可以参加我们的组件技术交流群。
   在未来我们也会分享更多的工具案例，有免费使用的案例，也有付费的案例，打造一个全面的鸿蒙生态。也接待各人参加鸿蒙开发，体验自己国产的操纵系统，这也是一件值得骄傲的事情。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。