页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

高性能跨平台图表库uCharts

图表 HTML我帮您 3月前  次浏览

高性能跨平台图表库,支持H5图表、APP图表、小程序图表(微信小程序、支付宝小程序、百度小程序、头条小程序、QQ小程序),支持饼图、圆环图、线图、柱状图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图。


支持图表类型

  • 饼图 Pie
  • 圆环图 Ring
  • 线图 Line(直线、曲线)
  • 柱状图 Column(分组、堆叠、温度计)
  • 区域图 Area(直线、曲线)
  • 雷达图 Radar
  • 圆弧进度图 Arcbar
  • 仪表盘 Gauge
  • K线图 Candle
  • 混合图 Mix(支持 Point、Line 直线曲线、Column、Area 直线曲线)
  • 玫瑰图 Rose(面积模式、半径模式)
  • 条状图 Bar(开发中)
  • 漏斗图 Funnel(开发中)

插件特点

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

为何不用 Echarts?

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

uni-app 图表选型参考流程


相关链接

发表评论