Nuxt.js之Tradingview交易图表

地址:https://www.homwang.com 欢迎大家性能测试
交流讨论——QQ群号:604203227

Tradingview

在这里具体Tradingview的API,我不做太多解释,请小伙伴们自行查看文档,主要讲解在Nuxt.js中如何使用Tradingview。

介绍

TradingView 为优秀的交易技术分析金融图表,拥有丰富的技术指标库,并拥有可以直接交易的交易终端插件。

使用

一、首先必须要有使用的权限,访问https://github.com/tradingview/charting_library/wiki,查看你是否拥有权限。

二、下载文件放置你的项目static静态文件夹中,如图:


Nuxt.js之Tradingview交易图表_第1张图片
image.png

三、将你需要使用的js和datafeeds放置到你需要使用的目录文件夹中,并且在该文件夹中创建你将要使用Tradingview的vue文件,如图:


Nuxt.js之Tradingview交易图表_第2张图片
image.png

四、Tradingview文件中引用,如图:


Nuxt.js之Tradingview交易图表_第3张图片
image.png

五、在文件中使用Tradingview,如图:


Nuxt.js之Tradingview交易图表_第4张图片
image.png

六、展示效果,如图:


Nuxt.js之Tradingview交易图表_第5张图片
image.png

七、详细配置根据自己的业务需求添加。中文api文档地址https://b.aitrade.ga/books/tradingview/

这里只作为nuxt使用Tradingview的过程

你可能感兴趣的:(Nuxt.js之Tradingview交易图表)