本文讲述了在React项目中，由于原有G2图表配置复杂，决定使用BizCharts进行重构。在调研了包括ECharts、Highcharts、D3js、AntV等图表库后，选择了BizCharts，因为其文档完善且持续维护。然而在实现子弹图时，发现文档上的示例存在问题，通过查阅GitHub源码和AntV官方文档，最终成功实现了子弹图组件。
需求背景：
图表库选型
老的项目中使用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/
最低0.47元/天 解锁文章
3613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
