用Javascript实现类似于bitmex的深度图,支持缩放

1、市场深度图(Depth Of Market),Javascript版本,适合股票、数字货币、期货等场合:

买卖盘的展示效果

之前我的项目里深度图是用百度的eChart实现,是通过配置option来实现的,优点就是足够简单,但是缺点也同样明显,eChart本身官方没有一个这样特定需求的示例,导致我们实现的深度图体验非常的差,或者是中间的价格不能固定,或者是买盘和卖盘初次渲染的数据量非常小。所以我们只能用canvas写一个深度图了。 效果还不错,可以支持各种奇葩数据的渲染。稍后附赠核心逻辑代码。

欢迎体验

你可能感兴趣的:(用Javascript实现类似于bitmex的深度图,支持缩放)