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

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

买卖盘的展示效果

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

欢迎体验

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容