需求背景:
图表库选型
老的项目中使用G2配置实现,配置零散,后期不好维护,在新的需求中,考虑重构
于是,调研了一波图表库,目前主流的图表库有echarts、highcharts、D3js、antv(G2, G6, F2)基于D3封装的react图表库rechart; 还有基于G2封装的react图表库viser、Bizcharts等等。还有关系图展示使用的Cytoscapejs;时序图常用工具库visjs等等 那么如何选择呢?
由于项目是react框架,所以考虑用react封装的图表库,大概去看了一遍BizCharts图表库,文档什么的感觉还是很完善的,并且GitHub上也一直在维护。素以决定了BizCharts,该图表库新的版本是V4.X
https://bizcharts.net/product/BizCharts4/category/77/page/142#demo
问题
开始根据需求进行相关组件demo实现,柱状图、折线图、直方图、环状图都相对比较简单,根据文档基本都能实现,但是在实现子弹图的时候,文档上的demo都是有问题的;怎么办呢?
第一想到了去GitHub上找源代码去看,文档上的配置属性很多都已经废弃
https://github.com/alibaba/BizCharts/blob/25de7baa650904507a53e9fdd50e9c6374ea1c06/src/plots/BulletChart.tsx