造了一个交易图表库的轮子

最近公司有个需求是写k线图，要求既能显示蜡烛图，又能显示分时图。然后本人就照着Binance的样式用canvas造了一个轮子，后来公司里用的也很方便，便拿出来开源了。

安装

已经上传了npm仓库，直接npm命令安装就行

npm install bigo-chart -S

如何使用

使用起来非常简单，只需要一些小小的配置就可以直接显示图表了：

import BigoChart from "bigo-chart"
import "bigo-chart/dist/chart.css"

const option = {
  el: "#chart",
  bars,
  symbol: "ETH",
  hasVolume: true,
  logo: "./logo.png",
  chartType: 1,
}
const chart = new BigoChart(option)

页面中的效果

实时更新

当然，交易图表不能实时更新行情还算是交易图表嘛？只需要使用一个简单的API就能实现数据订阅：

// 参数说明：close 收盘价， volume 新增的交易量， time 当前时间
chart.subscribeBars(close, volume, time)

效果

仓库地址

GitHub仓库地址，文档、example、源码在这里都有哦~
有Issue的话也可以在上面提交哦~
大家感兴趣的话就给我一个Star吧！