如何在自有网站通过API调用TradingView Pine Editor编写的代码？

DevOps 小满

2026-7-14

在自有网站调用TradingView Pine脚本的方法

要在自有网站加载你在Pine Editor中编写的自定义脚本，需要先将脚本发布为可嵌入的指标，再通过TradingView的高级图表组件配置加载，具体步骤如下：

第一步：发布Pine脚本为公开/私有指标
打开Pine Editor，完成代码编写后点击右上角的「发布」按钮，选择「发布为公开指标」（若需私有访问，需升级至TradingView Pro及以上计划）。填写指标名称、描述等信息后提交发布。
发布完成后，进入指标详情页，从URL中提取指标ID（格式类似scriptid=abc123中的abc123），同时记录指标的版本号（发布时自动生成）。

第二步：通过高级图表组件加载自定义指标
利用TradingView的嵌入式图表组件，通过配置studies参数指定你的自定义指标。示例代码如下：

<!-- 引入TradingView官方脚本 -->
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<!-- 图表容器 -->
<div id="custom-trading-chart"></div>
<script type="text/javascript">
  new TradingView.widget({
    container_id: "custom-trading-chart",
    width: "100%",
    height: 600,
    symbol: "NYSE:MSFT", // 替换为你需要展示的标的
    interval: "D",
    timezone: "Asia/Shanghai",
    theme: "dark",
    allow_symbol_change: true,
    // 加载自定义指标的核心配置
    studies: [
      {
        id: "你的指标ID", // 替换为第一步获取的指标ID
        version: "1.0" // 替换为你的指标版本号
      }
    ]
  });
</script>

若使用私有指标，需额外添加client_id和user_id参数（可在TradingView账户的API设置中获取），并将你的网站域名添加至账户的域名白名单。