## **uCharts官方网站** >[info] [https://www.ucharts.cn](https://www.ucharts.cn) ## **uCharts码云平台开源地址** >[success] [https://gitee.com/uCharts/uCharts](https://gitee.com/uCharts/uCharts) ## **uni-app插件市场地址** >[success] [https://ext.dcloud.net.cn/plugin?id=271](https://ext.dcloud.net.cn/plugin?id=271) >[danger] ## uCharts的发展,离不开各位的支持和帮助!最近很多热心朋友提出很多问题及解决方案,更好的完善uCharts,以帮助更多朋友解决问题,在此感谢大家的付出和贡献! ## **快速体验** 一套代码编到7个平台,依次扫描二维码,亲自体验uCharts图表跨平台效果!IOS因demo比较简单无法上架,请自行编译; :-: ![](https://box.kancloud.cn/58092090f2bccc6871ca54dbec268811_654x479.png) ## **支持图表类型** - 饼图 `pie` - 圆环图 `ring` - 线图 `line`(直线、曲线) - 柱状图 `column`(分组、堆叠、温度计) - 区域图 `area`(直线、曲线) - 雷达图 `radar` - 圆弧进度图 `arcbar` - 仪表盘 `gauge` - K线图 `candle` - 混合图 `mix`(支持point、line直线曲线、column、area直线曲线) - 玫瑰图 `rose` - 词云图 `word` - 漏斗图 `funnel` - 地图 `map` - 条状图 `bar`(开发中) ## **插件特点** - 跨端使用,支持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图表选型参考流程** :-: ![](https://github.com/16cheng/uCharts/blob/master/example/uni-app/static/xuanxing.png?raw=true) >[danger] ## 【开源不易、改造不易、哪(拿)来简单】如本插件解决了您的问题,请一定要在[【Dcloud插件市场】](https://ext.dcloud.net.cn/plugin?id=271)给个【5星评价】哦,您的支持是我的动力,感谢您的评价!!如遇到问题,请先参见页面最后章节【常见问题】解决,如没有您的问题,请在页面最下面【撰写评论】,尽量不要在【问答】中提问(因有可能会漏掉您的问题)。