欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接：https://www.abboke.com/ws/2019/0809/104894.html

快速体验

一套代码编到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跨端图表改造教程（暂未完成，请关注）]()

图表示例