DepthChart.js组件适用于资产交易中的市场深度(Depth Of Market)数据表现, 例如可以结合K线图嵌入股票、加密货币等资产的交易应用软件中作为用户的交易工具。DepthChart.js组件基于HTML的Canvas技术实现,支持鼠标滚轮缩放与十字线聚焦,提供深色与浅色两种预置主题,并且支持自定义主题。DepthChart.js的官方下载地址:市场深度图JS组件。
1、Depth Chart JS组件概述
DepthChart.js组件的主要特点如下:
- 基于html的canvas实现:与基于SVG的实现相比,在大数据量场景中的性能更好
- 不依赖第三方库:没有第三方依赖,非常容易嵌入其他库或框架,例如jquery、vue、react、angular等
- 支持鼠标滚轮缩放:鼠标滚轮即可在水平方向缩放,便于观察数据细节
- 支持自定义配色主题:可以根据应用需求自定义组件的配色主题,便于融入现有应用,同时也提供深/浅两色 的预置主题</