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

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