二维图表玩转组件化

所属专题：可视化技术与工具

嘉宾 : 姚向阳 | 小米高级软件工程师

会议室 : 二层 2号厅B

讲师介绍

专题演讲嘉宾：姚向阳

小米高级软件工程师

目前在小米负责 IDE/工具链方向的研发工作，曾就职于奇虎 360、明源云、百度公司。在奇虎 360 期间，带领团队研发产品 QMap，积累 GIS 可视化方面的技术能力，并在合川，天津等项目中应用；为解决高度自定义图表可视化问题，自主研发二维图表工具 Qcharts；负责天津融合感知大屏整体前端工作，包含视觉效果重构，可视化大屏性能优化等；就职于明源云时，负责明源云客第一版整体前端工作，目前该产品已是该公司最成功的 SaaS 产品之一；在百度就职时，曾负责百度移动首页设计重构，该设计方案几乎把首页加载速度提升到极致，目前 7 年过去，该设计思路仍在线运行。本科、硕士毕业于华中科技大学。

议题介绍

地点：二层 2号厅B

所属专题：可视化技术与工具

演讲：二维图表玩转组件化

可视化项目需要高度定制的可视化，我们利用组件的方式灵活使用图表，并能通过高度统一的 API 来灵活自定义图表样式，构建一套低成本图表开发方案，方便技术人员快速完成个性化图表。

本次分享将为你解读组件化二维图表 Qcharts 的技术实践。

演讲提纲：

常用 Echarts 图表使用难点
- 配置文档复杂
- 非高频使用，比较难记住
Qcharts 解决该问题的方式-属性归纳，灵活的回调函数样式设置
- 图表元素归纳为：点、面、文本
- 图表元素的样式设置归纳为回调函数
- 灵活支持全局演示配置
Qcharts 怎样实现组件化--数据驱动
- 为何引入数据驱动
- 数据驱动的优缺点
- 数据驱动如何处理状态变化与事件
Qcharts 如何解决 Vue，React 适配问题
- 图表本来就是组件
- 适配层就是套壳，只做透传
- 适配层可以一定程度向后兼容
Qcharts 不足、后续未来
- 性能问题
- 细节、易用性、文档
- 未来：实践、迭代