内容简介:快速体验 一套代码编到7个平台,依次扫描二维码,亲自体验uCharts图表跨平台效果!IOS因demo比较简单无法上架,请自行编译。 更新记录 支持图表类型 饼图 pie 圆环图 ring 线图 line(直线、曲线) 柱状图 column...
快速体验
一套代码编到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跨端图表改造教程(暂未完成,请关注)]()
图表示例
以上所述就是小编给大家介绍的《uCharts 1.8.3 发布,高性能跨端图表库》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- uCharts 1.9.6 发布,高性能跨平台图表库
- uCharts 1.9.0 发布,高性能跨平台图表库
- uCharts 1.9.2 发布,高性能跨平台图表库
- uCharts 1.9.3 发布,高性能跨平台图表库
- uCharts高性能跨端图表推新啦,新增图例点击、标记线、词云图、漏斗图等重磅功能
- 统计图表之线状图
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。