📦 安装

yarn add @lb-public/tradingview

目录介绍

charting_library-master  -  tradingview 官方仓库下载的全部源码及 demo
docs  -  tradingview 官方文档
lib  -  官方压缩打包后的源码的主入口文件
charting_library-master/charting_library - 依赖的静态资源目录（需要放到需要接入的项目静态目录下）

本地文档预览

yarn docs

接入方式采取 JS API

1. 将 charting_library-master 目录下的 charting_library 放到需要接入项目的 public 目录下，用于主入口静态资源调用。

2. 从 @lb-public/tradingview 引入 widget

import { widget } from '@lb-public/tradingview'

3. 创建 DataFeed

class DataFeed implements IExternalDatafeed, IDatafeedQuotesApi, IDatafeedChartApi {}

1. 实例化图表

new widget({
  symbol: 'counter_id',
  datafeed: new DataFeed(),
  interval: '1' as ResolutionString,
  container: 'tv_chart_container',
  library_path: 'charting_library/',
  locale: 'zh',
  theme: 'Dark',
  debug: false,
  autosize: true,
})