BziChart子弹图BulletChart业务组件封装

需求背景:

在这里插入图片描述

图表库选型

老的项目中使用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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值