返回作品集

TradingView K 线图

已完成

基于 TradingView Charting Library 的 K 线图表Demo，支持 OKX 和 Binance 双数据源

TradingViewOKX APIBinance APIWebSocketTypeScript
查看代码
实时数据
当前交易对
符号BTCUSDT
周期60 分钟
数据源OKX
功能特性
  • •多数据源支持 (OKX/Binance)
  • •WebSocket 实时推送更新
  • •多周期切换 (1m ~ 1W)
  • •交易对搜索与切换
  • •技术指标支持
  • •深色主题适配
技术栈
TradingView Charting LibraryOKX APIBinance APIWebSocketNext.jsTypeScript
项目详情

这是一个 K 线图表的Demo，展示了如何将 TradingView Charting Library 与多个交易所数据源集成。

核心模块包括：

- OkxDatafeed / BinanceDatafeed: 自定义 Datafeed 适配器

- OkxStreaming / BinanceStreaming: WebSocket 实时数据流管理

- TradingViewChart: 图表组件封装

- DataSourceSelector: 数据源切换组件

数据流：

- 历史数据通过 REST API 获取

- 实时更新通过 WebSocket 推送