移动BI图表，求推荐

Question

最近要做写移动端的BI数据展现，有几个问题请教各路大侠

• 移动端可视化工具基本都是web端改的兼容，例如echarts，highcharts，对移动端的兼容还有很大问题。问题一：移动端有哪些比较好的，专业的可视化工具和组件？

• 移动端ui调研有angualarUI，基于angualar的ionic，阿里sui等等。试用了感觉有些不如人意.问题二：移动端最近比较成熟且适合快速开发的UI有哪些？ 【吐槽下sui：放置位置稍微不一致就无法显示，一定要注意，挺多坑，希望更好用。】

• 有大神接触过比较好的mobile bi系统吗？求推荐

Answer 1

1. 推荐原生iOS／Android图库框架Charts和MPAndroidChart，图表类型多，功能强大，用户体验极佳。

2. highcharts和echarts也可作为H5 应用内嵌入APP，不过相比之下，还是highcharts的UI设计更为美观；

3. 国外有roambi（已被SAP收购），可视化效果酷炫，不过交互方式对本人来讲不太能接受；其他BI厂商也有移动端APP，MicroStrategy／Tableau／QlikView，本人只体验过MSTR的APP，交互体验一般。

国内厂商能够体验到比较好的是BDP，一款SaaS平台的敏捷BI工具，移动端APP为原生应用，也支持H5应用。企业版收费，个人版本免费注册即可使用。

手机访问me.bdp.cn注册登录即可试用个人版，到官网或App Store下载个人版APP体验原生BI应用。

附几张截图。

PS，本人公众号所发截图均基于BDP个人版设计发布，SaaS平台就是方便。

Answer 2

开源的 mobile bi 系统倒没用过。
但是，确实用 ionic 和 highcharts 做了一个mobile bi系统，整个过程还是踩了不少坑的。
简单的说一下优缺点吧：

1. ionic在移动端实现一个SPA系统，还是挺方便的。除了要熟练使用angular和ui-router，还要熟练掌握ionic封装的自动化组件的使用。

2. highcharts使用的是SVG来实现图标渲染，跟echarts使用canvas实现图表渲染相比，各有千秋。有个很恰当的比喻：Highcharts 和 Echarts 就像是 Office 和 WPS 的关系。highcharts是可以使用DOM操作的方法，修改SVG元素的样式及内容， echarts用canvas实现，每次渲染图形需要重绘。

3. ionic在IOS系统中，体验还是OK的，但是在一些低版本ANDROID系统中，性能还是有很大的问题，会出现卡顿等问题。

4. highcharts 是开源的，不是完全免费。建议去官网了解详情。

Answer 3

Highcharts 是完美支持移动端的，包括响应式，触摸操作、手势缩放等。