var Chart=JSChart.Init(divKLine); //把K线图绑定到一个Div上
Chart.SetOption(this.Option);
//初始设置了以后就可以调用操作函数来控制K线图
Chart.ChangePeriod(周期值整型)
//周期值 0=日线 1=周线 2=月线 3=年线 4=1分钟 5=5分钟 6=15分钟 7=30分钟 8=60分钟
Chart.ChangeSymbol(symbol)
symbol 字符串股票代码 , 代码.市场后缀 上海=sh 深证=sz
Chart.ChangeIndex(windowIndex,indexName,option)
windowIndex 窗口索引 从0开始
indexName 指标唯一的ID
option 可选设置 {
StringFormat: 标题数据格式,
FloatPrecision: 小数位数,
//使用API挂接指标数据
API:{ Name:指标名字, Script:指标脚本可以为空, Args:参数可以为空, Url:指标执行地址 }
}
Chart.ChangeScriptIndex=(windowIndex,indexData)
windowIndex 窗口索引 从0开始
indexData 自定义指标 {Name:指标名字, Script:指标脚本, Args:指标参数(数组) }
Chart.ChangeRight(right)
right 复权 0=不复权 1=前复权 2=后复权
Chart.OverlaySymbol(symbol)
symbol 需要叠加的股票代码字符串 h5支持多个股票叠加, app/小程序只支持叠加一个股票
Chart.ClearOverlaySymbol() \\取消叠加股票
Chart.DeleteOverlaySymbol(symbol); //删除一个叠加股票
Chart.ChangeKLineDrawType(drawType)
drawType K线切换类型 0=实心K线 1=收盘价线 2=美国线 3=空心K线
Chart.ChangeIndexWindowCount (count)
count 窗口个数, 最多8个
这些指标都显示在主图窗口里
Chart.ChangeInstructionIndex(indexName)
indexName 五彩K线或交易指示 ID
Chart.CancelInstructionIndex()
Chart.ChangeInstructionScriptIndex=function(indexData)
indexData 自定义指标 {Name:指标名字, Script:指标脚本, Args:指标参数(数组), InstructionType: 指标类型 2=五彩K线 1=交易指示 }
目前支持 “互动易”,“大宗交易”,‘龙虎榜’,“调研”,“业绩预告”,“公告”
Chart.AddKLineInfo(infoName, bUpdate)
infoName 信息地雷名字 ( “互动易”,“大宗交易”,‘龙虎榜’,“调研”,“业绩预告”,“公告”) Chart.DeleteKLineInfo(infoName)
infoName 删除信息地雷的名字Chart.ClearKLineInfo()
Chart.SetFirstShowDate(obj)
obj { Date:起始日期(必填), PageSize:一屏显示的数据个数(可选) }
Chart.AddEventCallback(obj)
obj { event:事件ID, callback:回调函数 }
目前支持一下事件监听
var JSCHART_EVENT_ID=
{
RECV_KLINE_MATCH:1, //接收到形态匹配
RECV_INDEX_DATA:2, //接收指标数据
RECV_HISTROY_DATA:3,//接收到历史数据
RECV_TRAIN_MOVE_STEP:4, //接收K线训练,移动一次K线
CHART_STATUS:5, //每次Draw() 以后会调用
BARRAGE_PLAY_END:6, //单个弹幕播放完成
RECV_OVERLAY_INDEX_DATA:7,//接收叠加指标数据
DBCLICK_KLINE:8, //双击K线图
RECV_START_AUTOUPDATE:9, //开始自动更新
RECV_STOP_AUTOUPDATE:10, //停止自动更新
ON_CONTEXT_MENU:11, //右键菜单事件
ON_TITLE_DRAW:12, //标题信息绘制事件
ON_SELECT_RECT:13, //区间选择事件通知
RECV_MINUTE_DATA:14, //分时图数据到达
ON_CLICK_INDEXTITLE:15, //点击指标标题事件
RECV_KLINE_UPDATE_DATA:16, //K线日,分钟更新数据到达
ON_CLICK_DRAWPICTURE:17, //点击画图工具
ON_FINISH_DRAWPICTURE:18 //完成画图工具
}
回调函数
function(event, data, obj)
event 事件信息
data 数据
obj 控件实例
注意 监听事件必须在Setoption以后再调用,否则无效
全局设置 成员静态函数
JSChart.SetStyle=function(option)
具体设置可以看 HQChart使用教程4- 如何自定义K线图颜色风格 https://blog.csdn.net/jones2000/article/details/90286933
JSChart.GetKLineZoom=function() //K线缩放配置
返回柱子宽度和间距的值
默认:
var ZOOM_SEED= //0=柱子宽度 1=间距
[
[48,10], [44,10],
[40,9], [36,9],
[32,8], [28,8],
[24,7], [20,7],
[18,6], [16,6],
[14,5], [12,5],
[8,4], [6,4], [4,4],
[3,3],
[3,1], [2,1], [1,1], [1,0],
];
全局设置 成员静态函数
数据我们分API数据 和 json缓存文件数据(不通过api获取, 我们直接把数据切片以Json文件格式分发到CDN或OSS)
JSChart.SetDomain(domain,cacheDomain)
domain api数据域名
cacheDomain 缓存文件下载域名
如果还有问题可以加交流QQ群: 950092318
地址:https://github.com/jones2000/HQChart