# 创建自定义指标：TradingView 中文开发指南

By [xkcfbtzawlw](https://paragraph.com/@xkcfbtzawlw) · 2025-04-01

---

如何将您的数据显示为图表指标
--------------

想要在 TradingView 图表上展示自定义数据，例如独特的指标？以下是实现这一目标的简明步骤指南，帮助您快速上手。

### 操作步骤

1.  **创建专属数据代码**为您的数据生成一个新的 ticker（数据代码），并确保服务器返回该 ticker 的有效 SymbolInfo 信息。
    
2.  **配置历史数据**设置服务器以提供该 ticker 的历史数据，确保数据完整且可调用。
    
3.  **应用指标模板**使用以下代码模板，替换占位符内容（如名称、描述和代码），并根据需要调整绘图样式，例如线条颜色或宽度。
    

以下是一个基础模板示例：

javascript { name: "自定义指标名称", metainfo: { "\_metainfoVersion": 40, "id": "自定义指标名称@tv-basicstudies-1", "name": "自定义指标名称", "description": "指标详细描述", "shortDescription": "简短描述", "is\_hidden\_study": true, "is\_price\_study": true, "isCustomIndicator": true, "plots": \[{"id": "plot\_0", "type": "line"}\], "defaults": { "styles": { "plot\_0": { "linestyle": 0, "visible": true, "linewidth": 2, "plottype": 2, "trackPrice": false, "transparency": 40, "color": "#0000FF" } }, "precision": 2, "inputs": {} }, "styles": { "plot\_0": { "title": "输出名称", "histogramBase": 0 } }, "inputs": \[\] }, constructor: function() { this.init = function(context, inputCallback) { this.\_context = context; this.\_input = inputCallback; var symbol = "自定义TICKER"; this.\_context.new\_sym(symbol, PineJS.Std.period(this.\_context), PineJS.Std.period(this.\_context)); }; this.main = function(context, inputCallback) { this.\_context = context; this.\_input = inputCallback; this.\_context.select\_sym(1); var v = PineJS.Std.close(this.\_context); return \[v\]; } } }

通过调整 `symbol` 和绘图参数，您可以轻松实现数据的可视化。

实用示例
----

### 获取其他商品代码的数据

假设您想在图表上展示用户的收益曲线，以下是具体实现方法：

*   **定义新代码**创建一个独特的代码名称，例如 `#EQUITY`，用于标识收益数据。
    
*   **服务器支持**修改服务器逻辑，确保其识别该代码并返回对应的 SymbolInfo 和历史数据。
    
*   **数据准备**服务器需从数据库提取收益历史记录，并以标准格式返回，类似普通商品（如 AAPL）的数据结构。
    
*   **创建指标**使用模板生成指标文件，示例如下：
    

javascript { name: "Equity", metainfo: { "\_metainfoVersion": 40, "id": "Equity@tv-basicstudies-1", "name": "Equity", "description": "用户收益曲线", "shortDescription": "收益", "is\_hidden\_study": true, "is\_price\_study": true, "isCustomIndicator": true, "plots": \[{"id": "plot\_0", "type": "line"}\], "defaults": { "styles": { "plot\_0": { "linestyle": 0, "visible": true, "linewidth": 1, "plottype": 2, "trackPrice": true, "transparency": 40, "color": "#880000" } }, "precision": 1, "inputs": {} }, "styles": { "plot\_0": { "title": "收益值", "histogramBase": 0 } }, "inputs": \[\] }, constructor: function() { this.init = function(context, inputCallback) { this.\_context = context; this.\_input = inputCallback; var symbol = "#EQUITY"; this.\_context.new\_sym(symbol, PineJS.Std.period(this.\_context)); }; this.main = function(context, inputCallback) { this.\_context = context; this.\_input = inputCallback; this.\_context.select\_sym(1); var v = PineJS.Std.close(this.\_context); return \[v\]; } } }

👉 [【点击查看】TradingView 30天 独享 Premium 高级会员账号（完整质保30天售后）](https://bit.ly/TradingView-Pro)

### 实现 K 线动态变色

通过自定义指标，您还可以为 K 线添加动态颜色效果。以下是一个简单示例：

javascript \_\_customIndicators = \[{ name: "Bar Colorer Demo", metainfo: { "\_metainfoVersion": 42, "id": "BarColoring@tv-basicstudies-1", "name": "BarColoring", "description": "K线变色演示", "shortDescription": "变色K线", "is\_price\_study": true, "is\_hidden\_study": false, "isCustomIndicator": true, "defaults": { "precision": 4, "palettes": { "palette\_0": { "colors": \[ { color: "#FFFF00" }, { color: "#0000FF" } \] } } }, "inputs": \[\], "plots": \[{ "id": "plot\_0", "type": "bar\_colorer", "palette": "palette\_0" }\], "palettes": { "palette\_0": { "colors": \[ { name: "颜色 0" }, { name: "颜色 1" } \], "valToIndex": { 100: 0, 200: 1 } } } }, constructor: function() { this.main = function(context, input) { this.\_context = context; this.\_input = input; var valueForColor0 = 100; var valueForColor1 = 200; var result = Math.random() \* 100 % 2 > 1 ? valueForColor0 : valueForColor1; return \[result\]; } } }\];

此代码通过随机选择颜色值，为 K 线赋予动态变色效果，增强图表的可视化表现力。

---

*Originally published on [xkcfbtzawlw](https://paragraph.com/@xkcfbtzawlw/tradingview-2)*