uCharts 1.8.3 发布,高性能跨端图表库

uCharts
 uCharts
发布于 2019年08月09日
收藏 65

快速体验

一套代码编到7个平台,依次扫描二维码,亲自体验uCharts图表跨平台效果!IOS因demo比较简单无法上架,请自行编译。

更新记录

 

支持图表类型

  • 饼图 pie
  • 圆环图 ring
  • 线图 line(直线、曲线)
  • 柱状图 column(分组、堆叠、温度计)
  • 区域图 area(直线、曲线)
  • 雷达图 radar
  • 圆弧进度图 arcbar
  • 仪表盘 gauge
  • K线图 candle
  • 混合图 mix(支持point、line直线曲线、column、area直线曲线)
  • 玫瑰图 rose
  • 词云图 word
  • 条状图 bar(开发中)
  • 漏斗图 funnel

插件特点

  • 可以跨端使用,支持H5、小程序(微信/支付宝/百度/头条/QQ/360)、APP,调用简单方便、性能及体验极佳。
  • 虽然没有Echarts及F2图表功能强大,但可以实现一套业务逻辑各端通用,并解决了支付宝小程序图表显示模糊等问题。
  • 支持单页面多图表,demo中单页10个图表,响应速度超快。
  • 支持入场动画及ToolTip动画效果。
  • 独特支持横屏模式感谢masterLi提供需求。

为何不用Echarts?

  • 相比Echarts及F2的复杂的设置,本插件几乎等于傻瓜式的配置。
  • Echarts在跨端使用更复杂,本插件只需要简单的两个<canvas>标签轻松区别搞定,代码整洁易维护。
  • Echarts在IOS端图表显示错位,只能引用网页解决。
  • 本插件打包后的体积相比Echarts小很多很多,所以性能更好。
  • 如果您是uni-app初学者,那么强烈建议您使用uCharts,并且目前可以跨全端通用,减少工作量,增强一致性体验。
  • 图表样式均可自定义,懂js的都可以读懂插件源码,直接修改u-charts.js源码即可。
  • 本插件经过大量测试,反复论证并加以改造而成,请各位放心使用。

uni-app图表选型参考流程

亲手教您如何改造uCharts,打造您的专属图表

  • 为何要改造uCharts?
  • 并不是所有图表插件直接拿来就可以满足客户需求,如果您的UI设计师设计一个图表,如下图:

  • 您会发现这个图表即使在echarts里也不是很好实现,那么就需要我们自己动手去实现。下面就让我们一起来完成,本文旨在抛砖引玉,希望各位朋友能够更好的应用uCharts来完成您的项目,如果您有更好的设计,请提交您的PR到githubuCharts跨端图表,帮助更多朋友,感谢您的付出及贡献!

[uCharts跨端图表改造教程(暂未完成,请关注)]()

图表示例

                 

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:uCharts 1.8.3 发布,高性能跨端图表库
加载中

最新评论(10

p
pz9042
折线图能支持,数据很多,但是x轴只显示一小部分的时间轴。比如,5分钟一条数据,但是x轴只显示整点
uCharts
uCharts
categories是否没加相应点?
zhoudun
zhoudun
商用收费吗
uCharts
uCharts
不收费的,放心使用哈
火眼金睛容嬷嬷
火眼金睛容嬷嬷
这颜色好青春啊
uCharts
uCharts
多谢赞美😍
小二码
小二码
是否支持后台直接生成文件?
uCharts
uCharts
您指的是生成图片?还是?加下QQ群比较方便沟通哈
小二码
小二码
是的,之前用echarts生成报表统计图,好麻烦,不知道ucharts是否支持生成图表图片?
uCharts
uCharts
可以的,都是通过canvas转图片形成的
返回顶部
顶部