1.k线图 TradingVeiw -- 入手篇

一 。先给大家推荐几个链接

中文文档：https://b.aitrade.ga/books/tradingview/CHANGE-LOG.html （个人建议使用：1.12.0版本）

原生：https://github.com/tradingview/charting_library （要申请权限哦）

vue:

https://github.com/webdatavisualdev/vue-tradingview

https://github.com/472647301/tradingView-webSocke

react：https://github.com/caozihao/web-react-tradeview

二。图表库内容

+/charting_library
+ /static
- charting_library.min.js
- charting_library.min.d.ts
- datafeed-api.d.ts
+ /datafeeds
+ /udf
- index.html
- mobile_black.html
- mobile_white.html
- test.html

• /charting_library 包含所有的库文件。
• /charting_library/charting_library.min.js 包含外部图表库widget 接口。不建议修改该文件。
• /charting_library/charting_library.min.d.ts 包含TypeScript 定义的widget接口
• /charting_library/datafeed-api.d.ts 包含TypeScript 定义的data feed接口。
• /charting_library/datafeeds/udf/datafeed.js 包含UDF-compatible 的datafeed包装器（用于实现JS API以连接图表库通过UDF传输数据）。例子中的datafeed包装器实现了脉冲实时仿真数据。您可以自由编辑此文件。
• /charting_library/static 文件夹中存储图表库内部资源，不适用于其他目的。
• /index.html 为使用Charting Library widget 的html例子。
• /test.html 为不同的图表库自定义功能使用的示例。
• /mobile*.html 也是Widget自定义的示例。

所有内部库的JS和CSS代码都被内联和缩小，以减少页面加载时间。 希望由您编辑的文件不会被缩小。

接下来几遍文章直接讲解下本人遇到的一些坑及问题，一起来看下吧