HQChart使用教程1- 如何快速创建一个K线图页面

HQChart使用教程1- 如何快速创建一个K线图页面

效果图

HQChart介绍

功能: 提供K线，走势图， 支持通达信语法指标（麦语法), 画图工具，等等......
支持PC端页面， 小程序，手机端页面。
地址：https://github.com/jones2000/...

demo页面代码

git下载代码 在webhqchart.demodemo 目录下创建一个test.html文件，拷贝下面代码, K线图就完成。

Option的配置项说明

上面的代码可以看到，所有K线图的设置都是通过==Option==来配置的。
Type： 图形类型， 这里填==历史K线图==代表创建一个K线图
Symbol： 显示的股票代码 股票代码需要带后缀. 上海.sh 深证.sz
IsAutoUpdate: 是否自动更新最新行情，如果是true, 会定时(30s/次)获取行情数据,更新K线图及指标
IsShowRightMenu: 是否显示右键菜单， 如果是手机页面可以设置成false

IsShowCorssCursorInfo: 鼠标移动或手势的时候是否显示十字光标

KLine.DragMode: 拖拽模式 0=禁止拖拽(禁止鼠标或手势左右拖动数据) 1=数据拖拽(可以用鼠标或手势左右拖动数据) 2=区间选择(拖动可以选择一段时间数据做==区间统计==，和==形态匹配==


KLine.Right: 复权 0=不复权 1=前复权 2=后复权
KLine.Period: 周期 0=日线 1=周线 2=月线 3=年线 4=1分钟 5=5分钟 6=15分钟 7=30分钟 8=60分钟
KLine.MaxReqeustDataCount: 请求K线数据的最大个数
KLine.PageSize: 初始一屏显示几个K线，通过鼠标滚轴上下，键盘上下，手势两个手指上下可以调整一屏显示K线的个数
KLine.Info: 信息地雷 目前支持“互动易","大宗交易",'龙虎榜',"调研","业绩预告","公告"， 可以选择其中的几个填上

KLine.IsShowTooltip: 是否显示K线的tooltip信息, 鼠标移动到K线上 或 键盘左右移动十字光标都会出现tooltip.

KLineTitle.IsShowName: K线标题是否显示股票名称
KLineTitle.IsShowSettingInfo: K线标题是否周期/复权

Border.Left, Border.Right,Border.Bottom,Border.Top 坐标边框到画布边框的间距

Windows 指标窗口，数组可以配置多个指标窗口， 每个窗口单独设置

   1. **Index** 系统指标名字
   2. **Modify** 是否显示修改指标参数按钮
   3. **Change** 是否可以切换股票

Frame 指标窗口坐标设置

1. SplitCount y轴刻度个数
2. IsShowLeftText 是否显示左侧Y轴刻度 左侧刻度如果间距不够会显示在框架内部， 必须设置这个值才能去掉左侧Y轴刻度显示

基本的K线设置就介绍到这里， 如果还又问题可以加交流QQ群: 950092318