目前市面上的可视化框架已经有很多,广泛应用的有百度的ECharts,HIGHSOFT的HighCharts以及后起之秀蚂蚁的AntV系列等。对于大多数项目而言,这些数据可视化库已经完全可以满足,重复造轮子其实完全没有必要。但是对于执着的CV工程师(Ctrl C/Ctrl V)还是想要知其然并知其所以然。
对于项目中某些定制化的功能与交互,上述可视化库并不能完全满足我们的需求。在实际工作中,我们经常在需求评审的时候还需要考虑产品提出的需求开源库中是否有相应的API,当没有相应的API时就不得不忍痛割爱(砍掉需求)。
综上,实现一套自己可视化引擎对于优秀的CV工程师还是有必要的。本系列文章将实现一个简单但功能相对全面的可视化引擎,并以React为例分装相应的图表组件,图表组件包括折线图、柱状图、条形图、饼图、散点图、雷达图、K线图、仪表盘、地图、拓扑图等。
目录
【实现自己的可视化引擎01】认识Canvas
【实现自己的可视化框架引擎02】抽象图像元素
【实现自己的可视化引擎03】构建基础图元库
【实现自己的可视化引擎04】图像元素动画
【实现自己的可视化引擎05】交互与事件
【实现自己的可视化引擎06】折线图
【实现自己的可视化引擎07】柱状图
【实现自己的可视化引擎08】条形图
【实现自己的可视化引擎09】饼图
【实现自己的可视化引擎10】散点图
【实现自己的可视化引擎11】雷达图
【实现自己的可视化引擎12】K线图
【实现自己的可视化引擎13】仪表盘
【实现自己的可视化引擎14】地图
【实现自己的可视化引擎15】关系图