HQChart使用教程30-K线图如何对接第3方数据25-指标脚本自定义变量

麦语法变量

目前系统语法中系统指标有COLSE(收盘价), OPEN(开盘价)等,这些变量都会对应相应的股票数据。HQChart允许动态增加系统变量,来满足你的业务需求

增加系统自定义变量函数

JSComplier.AddVariant(obj) 可以往HQChart增加一个自定义变量, 在SetOption前调用。
变量名要全部大写

JSComplier.AddVariant({ Name:'变量名',Description:'描述信息' } );

Name

变量名, 大写,如果和系统提供的变量冲突, 自定义变量无效

Description

指标描述信息

自定义变量数据接口

通过NetworkFilter回调来获取数据

this.NetworkFilter=function(data, callback)
{
     console.log('[NetworkFilter] data', data);
     switch(data.Name)
     {
         case 'JSSymbolData::GetCustomVariantData':   //自定义变量数据下载
             this.GetCustomVariantData(data, callback);
             break;
     }
 }

协议名称-自定义变量数据下载

对应代码的类名和函数名: JSSymbolData::GetCustomVariantData

协议日志截图

在这里插入图片描述

参数说明

Request 字段说明

VariantName

变量名

daterange

K线范围 Start:起始时间 End:结束时间
字段结构:{Date:日期 , Time:时间(分钟K线才有) }

symbol

股票代码

VariantInfo

变量注册信息

Name

变量名

Description

描述信息

返回json数据结构

Data

数据 { Date:日期, Time:时间(分钟K线才有) , Value:数值 }

DataType

数据结构类型
0 = 数组类型, 数据平滑处理
1 = 单值数据
2 = 数组类型 数据不做平滑处理,默认都是0.

例子

单值数据

this.GetCustomVariantData=function(data,callback)
{
     var hqchartData={  };
     //单数据
     hqchartData.Data={Date:20210107, Value:1};
     hqchartData.DataType=1;

     callback(hqchartData);
 }

数组类型,数据平滑处理

this.GetCustomVariantData=function(data,callback)
{
    var hqchartData={ Data:[], DataType:0 };

    //数组数据
    hqchartData.Data.push({Date:20201205, Value:15});
    hqchartData.Data.push({Date:20210105, Value:10});
    hqchartData.Data.push({Date:20210107, Value:20});
    callback(hqchartData);
}

在这里插入图片描述

数组类型,数据不平滑处理

this.GetCustomVariantData=function(data,callback)
{
     var hqchartData={ Data:[], DataType:2 };

     //数组数据
     hqchartData.Data.push({Date:20201204, Value:15});
     hqchartData.Data.push({Date:20210105, Value:10});
     hqchartData.Data.push({Date:20210107, Value:20});

     callback(hqchartData);
 }

在这里插入图片描述

交流QQ群

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址

地址:github.com/jones2000/HQChart

个人爱好(摄影/模型)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
好的,以下是一份基本的 HTML 文件,可以用于对接 TradingView K线图,并使用自己的数据源: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>TradingView K线图</title> <!-- 引入TradingView的样式文件 --> <link href="https://unpkg.com/lightweight-charts@3.0.3/css/lightweight-charts.css" rel="stylesheet" /> <style> /* 设置 K 线图容器的高度 */ #tv_chart_container { height: 500px; } </style> </head> <body> <!-- K 线图容器 --> <div id="tv_chart_container"></div> <!-- 引入TradingView的脚本文件 --> <script src="https://unpkg.com/lightweight-charts@3.0.3/js/lightweight-charts.standalone.production.js"></script> <script> // 创建一个新的K线图实例 const chart = LightweightCharts.createChart(document.getElementById("tv_chart_container"), { width: 600, // 设置K线图的宽度 height: 500, // 设置K线图的高度 }); // 创建一个新的数据源 const candlestickSeries = chart.addCandlestickSeries(); // TODO: 替换成自己的数据源 fetch("https://api.mydatasource.com/kline") .then((response) => response.json()) .then((data) => { // 将数据传入 K 线图 candlestickSeries.setData(data); }) .catch(console.error); </script> </body> </html> ``` 在上面的代码中,需要替换 TODO 注释下数据源地址为自己的数据源,以便在 K 线图中显示自己的数据。同时,可以根据需要调整 K 线图容器的高度和宽度。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HQChart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值