echarts ucharts 和_uni-app中使用echarts兼容H5、微信小程序、APP三端

本文介绍了在uni-app中使用echarts和ucharts的优缺点,推荐使用官方组件uCharts,因为其良好的兼容性和持续更新。文章提供了在uni-app中集成echarts的代码示例,并提醒注意设置组件的宽度和高度以避免显示问题。
摘要由CSDN通过智能技术生成

uni-app中使用echarts效果如图:

图形化数据生成柱状图,折线图等在uni-app插件库中实际有类似的组件,且兼容处理的很好能准确的兼容各个端口,如非必要个人建议还是使用官方推荐的组件《uCharts高性能跨全端图表》毕竟就兼容而已该插件确实做的很好,而对于使用习惯了echarts的用户可以继续参考本博客。

关于ucharts和echarts个人总结的优缺点

ucharts相对于echarts兼容算是最大的亮点,毕竟ucharts目前是有进行更新的这是很重要的一点。而echarts目前通用的兼容据说是个人开发者处理的兼容版本,目前貌似没有进行更新了。而且在本人的查找中并未找到一套代码兼容多个版本的处理,当然对每个版本的单独兼容处理是有github地址的《支付宝、微信小程序兼容版本》

echarts的个人觉得优势在于完整的文档,非常完善的需求文档,如阴影等各种效果在echarts中都可以找到对应的参数,而ucharts目前貌似对这些都还没有处理,个人查看评论大多数都是ucharts团队回答的自己去修改源码,或许后期ucharts对这些文档会慢慢进行更加详细的更新吧!

效果图vue文件中完整代码:

import * as echarts from '@/components/echarts/echarts.simple.min.js';

import mpvueEcharts from '@/components/mpvue-echarts/src/echarts.vue';

let lineOption = {

animation: true,

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值