TradingView 图表库教程

最新推荐文章于 2024-08-22 09:41:28 发布

郜逊炳

最新推荐文章于 2024-08-22 09:41:28 发布

阅读量891

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00268/article/details/141412110

版权

TradingView 图表库教程

charting-library-tutorialThis tutorial explains step by step how to connect your data to the Charting Library项目地址:https://gitcode.com/gh_mirrors/ch/charting-library-tutorial

项目介绍

TradingView 图表库是一个强大的图表工具，专为金融市场的技术分析设计。它提供了丰富的图表类型、技术指标和绘图工具，使得开发者能够轻松地在他们的应用程序中集成高质量的金融图表。该库支持多种数据源，并且可以通过自定义插件和脚本来扩展功能。

项目快速启动

安装

首先，克隆项目仓库到本地：

git clone https://github.com/tradingview/charting-library-tutorial.git

进入项目目录：

cd charting-library-tutorial

运行

安装必要的依赖：

npm install

启动开发服务器：

npm start

示例代码

以下是一个简单的示例代码，展示如何在HTML页面中嵌入TradingView图表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TradingView Chart Example</title>
    <script type="text/javascript" src="charting_library/charting_library.min.js"></script>
</head>
<body>
    <div id="tv_chart_container" style="width: 100%; height: 600px;"></div>
    <script type="text/javascript">
        new TradingView.widget({
            "container_id": "tv_chart_container",
            "autosize": true,
            "symbol": "NASDAQ:AAPL",
            "interval": "D",
            "timezone": "Etc/UTC",
            "theme": "Light",
            "style": "1",
            "locale": "en",
            "toolbar_bg": "#f1f3f6",
            "enable_publishing": false,
            "allow_symbol_change": true,
            "studies": [
                "MACD@tv-basicstudies",
                "RSI@tv-basicstudies"
            ]
        });
    </script>
</body>
</html>