HQChart使用教程11-如何把K线数据API替换成自己的API数据

设置API域名
Vue:
uniapp:
HQChart代码地址

HQChart只提供前端行情展示，不提供行情API数据，Demo中用到的数据都是测试数据，哪如何把这些测试数据替换成你自己的正式的行情数据呢。首先你要自己有一个Web API的服务器，把我们前端调用数据的API地址域名换成你自己的WebAPI域名，（注意:必须和我们的请求接口和返回json格式一致才可以）

设置API域名

我们为每一个组件类都提供了一个SetDomain(domain, cacheDomain)的方法用来提供这个组件使用的数据接口域名。
domain 数据API的地址 (如果只是要换K线数据就替换这个API,）
cacheDomain 数据缓存的API地址（涉及到个股的财务，全市场的数据，只要不是动态实时更新的，我们都是使用缓存API来读取数据，减少数据库压力，提高访问速度),如果你的指标里面没有用到这些数据，就填第1个domain域名就可以了

//在SetOption之前只是你自己的API数据域名JSComplier.SetDomain('https://xxxx.abc.com');JSChart.SetDomain('https://xxxx.abc.com');

如果你看过我们教程1的（如何快速创建一个K线图页面　https://blog.csdn.net/jones2000/article/details/90272733），那就把这2个函数调用放在KLineChart类中的Create()函数里面

this.Create=function()  //创建图形
{var self=this;$(window).resize(function() { self.OnSize(); });    //绑定窗口大小变化事件JSComplier.SetDomain('https://xxxx.abc.com'); //设置麦语法执行中的数据API域名JSChart.SetDomain('https://xxxx.abc.com');　　//设置K线的数据API域名this.OnSize();  //让K线全屏this.Chart.SetOption(this.Option);  //设置K线配置
}

Vue:

import HQChart from 'hqchart'
.......
HQChart.Chart.JSChart.SetDomain('https://xxxxx');
HQChart.Chart.JSComplier.SetDomain('https://xxxxx');

uniapp:

<script>
// #ifdef H5
import HQChart from '../../umychart_uniapp_h5/umychart.uniapp.h5.js'
HQChart.JSChart.SetDomain("xxxxx.com");
HQChart.JSComplier.SetDomain("xxxx.com");
// #endif// #ifndef H5
import {JSCommon} from '../../umychart.uniapp/umychart.wechat.3.0.js'
import {JSCommonComplier} from "../../umychart.uniapp/umychart.complier.wechat.js"
import {JSCommonHQStyle} from '../../umychart.uniapp/umychart.style.wechat.js'JSCommon.JSChart.SetDomain("xxxxx.com");
JSCommonComplier.JSComplier.SetDomain("xxxx.com")
// #endif

改完以后　我们在页面中运行下，　F１２看下网络里面的ＫＬｉｎｅ２的域名是不已经换成你自己的域名了。
注意： 我们的K线图是提供实时数据更新的，最新个股行情数据是取的Stock的API接口获取，如果你要实时的更新K 线图及其指标的功能，个股实时行情接口也需要提供请求接口和返回json跟我们一样就可以。为什么要通过2个接口来完成K线图呢？你看看我们的设计教程（如何(c++,js)写一个传统的K线图和走势图1 https://blog.csdn.net/jones2000/article/details/84779481）

API接口文档因为一直会更新，就不放在这里了，我们放在群里的文件里了，可以加交流QQ群: 950092318

HQChart代码地址

地址：https://github.com/jones2000/HQChart

HQChart使用教程11-如何把K线数据API替换成自己的API数据相关推荐

HQChart实战教程23 - 点击K线显示历史分钟走势图
HQChart实战教程23 - 点击K线显示历史分钟走势图需求步骤 1. 注册K线点击监听事件 2. 点击监听函数使用网路回调函数请求历史分钟交流QQ群:950092318 HQChart代码 ...
HQChart实战教程29-A股日K线数据对接-Vue版本
HQChart实战教程29-A股日K线数据对接-Vue版本日线数据对接预备知识步骤 1. HQChart数据回调函数部分代码 2. 全量数据对接部分代码数据截图 3. 增量数据更新部分代码 ...
HQChart实战教程30-A股日K线数据对接-uniapp版本
HQChart实战教程30-A股日K线数据对接-uniapp版本日线数据对接预备知识创建K线图教程步骤 1. HQChart数据回调函数部分代码 2. 全量数据对接部分代码 3. 增量数据更 ...
HQChart实战教程34-A股日K线数据对接-小程序版本
HQChart实战教程34-A股日K线数据对接-小程序版本日线数据对接预备知识步骤 1. 安装hqchart 2. 在创建画布元素 3. HQChart数据回调函数部分代码 4. 全量数据对接 ...
HQChart使用教程9- 如何快速创建K线训练页面
HQChart使用教程9- 如何快速创建K线训练页面 K线训练已重构新版本使用详见 demo页面部分代码 Option的配置项说明注册K线训练K线移动的监听 K线训练操作接口 HQChart代码地址 ...
HQChart实战教程61-自定义十字星K线颜色
HQChart实战教程61-自定义平盘K线颜色十字星步骤 1. 注册事件 2. 监听回调函数阐述说明 HQChart插件源码地址完整的demo源码十字星十字星是一种K线基本型态.十字星,是一 ...
AXURE教程：中继器制作K线图
K线图应用于股票.贵金属.期货等等的金融交易中,所以K线图成了金融交易软件必不可少的一个元件. 目前市面上的k线图原型都是图片,不能让老板或者甲方爸爸更直观的看到交互效果:所以作者出了这期教程,教你们 ...
如何把银河证券海王星软件K线的涨停板设置成黄色？
同花顺的能把涨停设置成黄色,网上好多教程.但他有个问题,看一会自动恢复成最新价格,没找到答案.换银河看看,网上找,没有, 到官方问了机器人,告诉我不可能. 网上也找不到答案,自己研究,看到一套代码,测 ...
HQChart使用教程67 - 鼠标点击K线柱子监听事件
HQChart使用教程67 - 鼠标点击K线柱子监听事件点击K线事件步骤 1. 注册监听事件事件回调函数说明参数说明: K线数据说明交流QQ群: 950092318 HQChart代码地址 ...

HQChart使用教程11-如何把K线数据API替换成自己的API数据

HQChart使用教程11-如何把K线数据API替换成自己的API数据

设置API域名

Vue:

uniapp:

HQChart代码地址

HQChart使用教程11-如何把K线数据API替换成自己的API数据相关推荐

最新文章

热门文章