TradingView 自定义指标

TradingView 支持自定义指标，不过是把你要定义的指标写成一个 JS 源文件（customIndex.js），放在图表库 static 文件夹下。自定义指标 JS 源代码模板如下：

 __customIndicators = [
     {
         name: 'ShuBenRSI',
         metainfo: {
             '_metainfoVersion': 40,
             'id': 'ShuBenRSI@tv-basicstudies-1',
             'scriptIdPart': '',
             'name': 'ShuBenRSI',
             'description': 'ShuBenRSI',
             'shortDescription': 'ShuBenRSI',
             '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, // 绘制类型为线形图： 2
                         'trackPrice': true,
                         'transparency': 40,
                         'color': '#880000'
                     }
                 },
                 'precision': 1, // 精度 eg：608.4
                 'inputs': {}
             },
             'styles': {
                 'plot_0': {
                     'title': 'ShuBenRSI',
                     'histogrambase': 0,
                 }
             },
             'inputs': [],
         },
         constructor: function () {
             this.init = function (context, inputCallback) {
                 this._context = context;
                 this._input = inputCallback;
                 //var symbol = 'p1905';
                 var symbol = PineJS.Std.ticker(this._context); // 获取所选商品代码
                 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);
                 if(this._context['symbol']['time'] != NaN){
                     var c = PineJS.Std.close(this._context)-50;
                     var o = PineJS.Std.open(this._context)-50;
                     var l = PineJS.Std.low(this._context)-50;
                     var h = PineJS.Std.high(this._context)-50;
                     console.log('execute custom index!');
                     console.log('symbol: ', this._context['symbol']['time']);
                     return [o, c];
                 }

             }
         }
     }
 ];

自定义指标 JS

　　其中 main 方法会根据数据量（getBar 中的后台获取的数据）的多少自动进行循环遍历，在此可以对数据进行修改，以创建自己的数据曲线（个人理解）

　　即 new TradingView.widget() 中使用 indicators_file_name: 'customIndex.js'

　　onChartReady() 中将定义指标添加到页面显示中 widget.chart().createStudy('ShuBenRSI', false, false); // 自定义 RSI 曲线

自定义的曲线数据源来自 getBar 方法中回调函数中的 bar 数据，可以在自定义模板中修改此数据。

 __customIndicators = [
     {
         name: 'ShuBenRSI',
         metainfo: {
             '_metainfoVersion': 40,
             'id': 'ShuBenRSI@tv-basicstudies-1',
             'scriptIdPart': '',
             'name': 'ShuBenRSI',
             //当调用createStudy方法时，它也被用作“name”参数
             'description': 'ShuBenRSI',
             // 该描述将显示在图表上
             'shortDescription': 'ShuBenRSI',
             '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, // 绘制类型为线形图： 2
                         'trackPrice': true,
                         'transparency': 40,
                         'color': '#880000'
                     }
                 },
                 'precision': 3, // 精度 eg：608.4
                 'inputs': {}
             },
             'styles': {
                 'plot_0': {
                     'title': 'ShuBenRSI',
                     'histogrambase': 0,
                 }
             },
             'inputs': [],
         },
         constructor: function () {
             this.init = function (context, inputCallback) {
                 var host = window.location;
                 var host1 = host.href.split('static');
                 var fakeDataRSI = [];
                 $.ajaxSetup({ async: false });
                 $.post(host1[0] + 'cta_posPL_syetem/getChartData',{method:'getDataRSI'}, function (result) {
                     if(result.result_code == 'success'){
                         fakeDataRSI = result.data;
                     }

                 });
                 this.fakeData = fakeDataRSI;
                 this.count = 0;
                 this.time = 0;
                 this.rsi = 0;
                 this.infoList = [];
                 //console.log('init context: ', context);
                 //console.log(this.count);
                 this._context = context;
                 this._input = inputCallback;
                 //var symbol = 'p1905';
                 var symbol = PineJS.Std.ticker(this._context); // 获取所选商品代码
                 this._context.new_sym(symbol, PineJS.Std.period(this._context), PineJS.Std.period(this._context));
             };
             this.main = function (context, inputCallback) {
                 //this.count += 1;
                 //console.log('count: ',this.count);
                 //if(this.count<5)console.log('main fakeData: ', this.fakeData[this.count]);
                 this._context = context;
                 this._input = inputCallback;
                 this._context.select_sym(1);
                 /*
                 // RSI 计算
                 if(this.count > 1 && this.time != this._context['symbol']['time']){
                     //console.log(PineJS.Std.close(this._context));
                     this.infoList.push(PineJS.Std.close(this._context));
                     var upSum = 0;var downSum = 0;
                     if(this.count > 15){
                         for(var i = 1; i <= 14; i++){
                             var change = this.infoList[i] - this.infoList[i - 1];
                             change > 0 ? upSum += change : downSum -= change;
                         }
                         var rs = Math.round(upSum / 14 *1000) / downSum;
                         this.rsi = Math.round(rs / (1 + rs) * 100 * 1000) / 1000;
                         //console.log('current: ', this._context['symbol']['time'], 'pretime: ',this.time);
                         //console.log('infoList: ',this.infoList);
                         this.infoList.splice(0, 1);
                         this.time = this._context['symbol']['time'];
                         //console.log('index close: --- >', PineJS.Std.close(this._context));
                         return [this.rsi];
                     }
                 }
                 return [this.rsi];
                 */
                 var c = this.fakeData[this.count++]['close'];
                 //console.log('rsi: ',this.rsi);

                 return [c];
 /*
                 var c = PineJS.Std.close(this._context)-50;
                 var o = PineJS.Std.open(this._context)-50;
                 var l = PineJS.Std.low(this._context)-50;
                 var h = PineJS.Std.high(this._context)-50;
                 //console.log('execute custom index!');
                 console.log('symbol: ', this._context['symbol']['time']);
                 //return [o, c];
                 */
             }
         }
     }
 ];

自定义指标曲线

如果你想要自定义的曲线数据并不是 K 线数据，你可以在自定义模板中，向后台请求 用后台返回的数据。eg：

 __customIndicators = [
     {
         name: 'ShuBenRSI',
         metainfo: {
             '_metainfoVersion': 40,
             'id': 'ShuBenRSI@tv-basicstudies-1',
             'scriptIdPart': '',
             'name': 'ShuBenRSI',
             //当调用createStudy方法时，它也被用作“name”参数
             'description': 'ShuBenRSI',
             // 该描述将显示在图表上
             'shortDescription': 'ShuBenRSI',
             'is_hidden_study': true,
             'is_price_study': false,
             'isCustomIndicator': true,
             'plots': [{'id': 'plot_0', 'type': 'line'}],
             'defaults': {
                 'styles': {
                     'plot_0': {
                         'linestyle': 0,
                         'visible': true,
                         'linewidth': 1,
                         'plottype': 2, // 绘制类型为线形图： 2
                         'trackPrice': true,
                         'transparency': 40,
                         'color': '#880000'
                     }
                 },
                 'precision': 3, // 精度 eg：608.4
                 'inputs': {}
             },
             'styles': {
                 'plot_0': {
                     'title': 'ShuBenRSI',
                     'histogrambase': 0,
                 }
             },
             'inputs': [],
         },
         constructor: function () {
             this.init = function (context, inputCallback) {
                 var host = window.location.href.split('static')[0];
                 var fakeDataRSI = [];
                 $.ajaxSetup({ async: false });
                 $.post(host + 'cta_posPL_syetem/getChartData',{method:'getDataRSI'}, function (result) {
                     if(result.result_code == 'success'){
                         fakeDataRSI = result.data;
                     }
                 });
                 this.fakeData = fakeDataRSI;
                 this.count = 0;
                 this.time = 0;
                 this.rsi = 0;
                 this.infoList = [];
                 this._context = context;
                 this._input = inputCallback;
                 var symbol = PineJS.Std.ticker(this._context); // 获取所选商品代码
                 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 c = this.fakeData[this.count++]['close'];
                 return [c];
             }
         }
     }
 ];

数据源不是 K 线数据