API参考
Table of Contents
- API参考
- Table of Contents
- Chart
- Parameters
- isAvailable
- getOptions
- mountMainAreaBox
- unmountMainAreaBox
- getMainAreaBox
- pushData
- updateExternalIndicSrcData
- onLargeOrderDataWarn
- onIndicatorWinningPercentageInfoBtnClick
- onIndicatorSignalInfoBtnClick
- updateGreatEventHideRangeIDs
- setGreatEventNewMessageFlag
- onIndicatorInfoTitleHover
- onTradeRecordHover
- onPositionCostLineFinishDrag
- handlePositionCostLineClick
- handlePositionCostLineFinishDrag
- handlePositionCostLineDrag
- onOrderLineFinishDrag
- handleOrderLineClick
- handleOrderLineFinishDrag
- onAlertLineHover
- onAlertLineClick
- onAlertLineFinishDrag
- handleAlertLineClick
- handleAlertLineFinishDrag
- onIndicatorsInfoButtonClick
- onIndicatorsInfoButtonHover
- addSubIndicator
- removeSubIndicator
- replaceSubIndicator
- getSymbol
- getIndicatorsData
- setPeriodHistoryFrom
- goToStick
- highlightStick
- getHighlightStick
- export
- setPositionCostLineOptions
- setOrderLineOptions
- setAlertLineOptions
- setDepthGraph
- clearDepth
- setDepthGroup
- updateDepth
- setShouldShowOrderMarker
- setShowOrderMarkerTooltip
- setShowMainOrderMarkerTooltip
- setOrderGraphLengths
- getOrderGraphLengths
- setOrderLineLengths
- getOrderLineLengths
- setLoadExternal
- toggleMainIndicators
- toggleMainAreas
- onAreasFullscreen
- setResolveExternalIndexInfo
- setLatestTradeTimestamp
- setAdjustOptions
- setDataTransformer
- setDisableIndicators
- destroy
- resize
- selectAtDateValue
- getFocusedObject
- bindMediator
- unbindMediator
- sendMessage
- onMessage
- setStyles
- resetStyles
- getStyles
- enableContextMenu
- onHiddenKeysChanged
- setHiddenKeys
- updateHiddenKeys
- toggleHiddenKey
- getHiddenKeys
- getIndicatorAreasInfo
- setIndicatorsCanAlert
- getIndicatorsCanAlert
- setDisableWheelScale
- getDisableWheelScale
- setShareDate
- updateShareDateData
- getShareDate
- getCurrentIndicExternalSource
- getAggDepthData
- getDrawingOnCurrentPeriodOnly
- setDrawingOnCurrentPeriodOnly
- beginReplay
- getReplay
- endReplay
- selectReplayBeginDate
- handleReplaySelectDate
- getReplayTradeData
- updateReplayTradeData
- handleReplayTradeHover
- handleReplayTradeDown
- setPositionCostLineNoOverlap
- setOrderLineNoOverlap
- highlightCrosshairOnce
- createScriptIndicator
- readScriptIndicator
- updateScriptIndicator
- deleteScriptIndicator
- setScriptIndicators
- tempRefreshSubIndiator
- setIndicAuthorize
- setPriceFormatter
- setWatermark
- draw
- updateData
- updateIndicatorData
- updateVPVRData
- getVPVRData
- getLargeOrderData
- updateLargeOrderData
- onLargeOrderHover
- highlightLargeOrderById
- updateAggTradeData
- onAggTradeHover
- getAggTradeData
- updateLIBSData
- onLIBSHover
- updateRIBSData
- onRIBSHover
- setShowIndicatorWinningPercentage
- updateIndicatorWinningPercentageData
- onIndicatorWinningPercentageHover
- onIndicatorWinningPercentageDown
- setShowIndicatorSignal
- updateIndicatorSignalData
- getIndicatorSignalData
- onIndicatorSignalHover
- onIndicatorSignalDown
- setShowGreatEvent
- updateGreatEventData
- onGreatEventHover
- onGreatEventDown
- onGreatEventNewMessageBtnDown
- moveTimeline
- resetChart
- moveTimelineToLatest
- scaleTimeline
- setPeriod
- onDistinctiveIndicatorsChanged
- onMainIndicatorsChanged
- onSubIndicatorsChanged
- onToolChanged
- onToolFocused
- onFinishDrawingTool
- onDeleteDrawnTool
- onDeleteDrawnTools
- onShouldLoadHistory
- onAreaHeightChanged
- onScaleChanged
- onSettingBtnClick
- onSeriesInfoBtnClick
- onSeriesInfoBtnClick
- onIndicatorInfoTitleClick
- onToolLimited
- onYaxisLocked
- onTimelineChanged
- onTradeRecordClick
- onToolDoubleClick
- onPositionCostLineClick
- setPositionCostLineDraggingText
- onOrderLineClick
- setOrderLineDraggingText
- onSelectionButtonsClick
- setMainIndicators
- setSubIndicators
- setIndicatorNav
- setPriceLine
- setChartStyle
- toggleYAxisLocked
- setMainRangePaddingRatio
- setXAxisPaddingRatio
- setYAxisType
- selectTool
- setSymbol
- setDecimal
- setCloseLineWhenMinScale
- getLastStickDate
- getLastStickItem
- getFirstStickDate
- setRatio
- setTools
- getTools
- clearTools
- deleteFocusedDrawnTool
- deleteDrawnToolById
- deleteDrawnToolsByIds
- getToolsLength
- setFocusedToolById
- toggleIndicatorBtns
- getImageData
- setIntl
- invertRange
- setOpenTime
- setDistinctiveIndicators
- toggleTradeRecord
- updateTradeRecordData
- getIndicatorParameters
- setIndicatorParameters
- getAllIndicatorsSimpleParameters
- setAllIndicatorsSimpleParameters
- resetIndicatorParameters
- onContextMenu
- togglePositionCostLine
- updatePositionCostLineData
- toggleOrderLine
- updateOrderLineData
- toggleAlertLine
- updateAlertLineData
- toggleSelectionButtons
- addCandlestickSeries
- removeSeries
Chart
通过绑定已存在的canvas元素生成K线图表的一个类库
Parameters
containerHTMLElementkeystringoptionsobject 参数containerElementdom k线容器
isAvailable
用于判读K线实例是否存在,通常用在异步调用K线方法的情况
Type: any
getOptions
返回当前K线的配置信息
Returns any
mountMainAreaBox
加载 主图里可放置自定义元素的区域
Examples
见下述 Chart.prototype.getMainAreaBox();
unmountMainAreaBox
卸载主图里的可放置自定义元素区域
Examples
见下述 Chart.prototype.getMainAreaBox();
getMainAreaBox
Description placeholder
Examples
const chart = new Chart('#container');
chart.mountMainAreaBox();
ReactDOM.render(<Component />, chart.getMainAreaBox());
Returns HTMLDivElement
pushData
实时trades数据
Parameters
dataany
Examples
const [TX_PRICE, TX_AMOUNT, TX_TICK] = [0, 1, 2];
chart.pushData([
{
[TX_PRICE]: parseFloat(price), // 成交价格
[TX_AMOUNT]: parseFloat(amount), // 成交量
[TX_TICK]: parseInt(timestamp, 10), // timestamp
}
])
updateExternalIndicSrcData
Description placeholder
Parameters
srcDataMapany
onLargeOrderDataWarn
Description placeholder
onIndicatorWinningPercentageInfoBtnClick
Description placeholder
Parameters
cbfunction
onIndicatorSignalInfoBtnClick
Description placeholder
Parameters
cbfunction
updateGreatEventHideRangeIDs
Description placeholder
Parameters
idsArray<string>actionstring (optional, default'replace')redrawboolean (optional, defaulttrue)
Returns boolean
setGreatEventNewMessageFlag
Description placeholder
Parameters
boolboolean
Returns boolean
onIndicatorInfoTitleHover
Description placeholder
Parameters
cbfunction
onTradeRecordHover
Description placeholder
Parameters
cbfunction
onPositionCostLineFinishDrag
Description placeholder
Parameters
cbfunction
handlePositionCostLineClick
Description placeholder
Parameters
cbfunction
handlePositionCostLineFinishDrag
Description placeholder
Parameters
cbfunction
handlePositionCostLineDrag
Description placeholder
Parameters
cbfunction
onOrderLineFinishDrag
Description placeholder
Parameters
cbfunction
handleOrderLineClick
Description placeholder
Parameters
cbfunction
handleOrderLineFinishDrag
Description placeholder
Parameters
cbfunction
onAlertLineHover
Description placeholder
Parameters
cbfunction
onAlertLineClick
Description placeholder
Parameters
cbfunction
onAlertLineFinishDrag
Description placeholder
Parameters
cbfunction
handleAlertLineClick
Description placeholder
Parameters
cbfunction
handleAlertLineFinishDrag
Description placeholder
Parameters
cbfunction
onIndicatorsInfoButtonClick
Description placeholder
Parameters
cbfunction
onIndicatorsInfoButtonHover
Description placeholder
Parameters
cbfunction
addSubIndicator
Description placeholder
Parameters
indicatorstring
removeSubIndicator
Description placeholder
Parameters
indicatorstring
replaceSubIndicator
Description placeholder
Parameters
getSymbol
Description placeholder
Returns string
getIndicatorsData
Description placeholder
Parameters
Returns any
setPeriodHistoryFrom
Description placeholder
Parameters
fromnumber
Returns void
goToStick
Description placeholder
Parameters
Returns any
highlightStick
Description placeholder
Parameters
timestampnumber
getHighlightStick
Description placeholder
Returns any
export
Description placeholder
Parameters
filenamestring??
Returns any
setPositionCostLineOptions
Description placeholder
Parameters
optionsany
setOrderLineOptions
Description placeholder
Parameters
optionsany
setAlertLineOptions
Description placeholder
Parameters
optionsany
setDepthGraph
Description placeholder
Parameters
showboolean
clearDepth
Description placeholder
Parameters
setDepthGroup
Description placeholder
Parameters
groupanyrenewboolean (optional, defaulttrue)
updateDepth
Description placeholder
Parameters
depthanygroupany
setShouldShowOrderMarker
Description placeholder
Parameters
fnfunction
setShowOrderMarkerTooltip
Description placeholder
Parameters
fnfunction
setShowMainOrderMarkerTooltip
Description placeholder
Parameters
fnfunction
setOrderGraphLengths
Description placeholder
Parameters
lengthsnumber
getOrderGraphLengths
Description placeholder
Returns any
setOrderLineLengths
Description placeholder
Parameters
lengthsnumber
getOrderLineLengths
Description placeholder
Returns any
setLoadExternal
Description placeholder
Parameters
fnfunction
Returns boolean
toggleMainIndicators
Description placeholder
toggleMainAreas
Description placeholder
Returns any
onAreasFullscreen
Description placeholder
Parameters
cbfunction
setResolveExternalIndexInfo
Description placeholder
Parameters
fnfunction
Returns boolean
setLatestTradeTimestamp
Description placeholder
Parameters
timestampnumber
Returns any
setAdjustOptions
Description placeholder
Parameters
optionsany
setDataTransformer
Description placeholder
Parameters
setDisableIndicators
Description placeholder
Parameters
objany
destroy
Description placeholder
resize
Description placeholder
selectAtDateValue
Description placeholder
Parameters
Returns any
getFocusedObject
Description placeholder
Returns any
bindMediator
Description placeholder
Parameters
mediatorany
unbindMediator
Description placeholder
sendMessage
Description placeholder
Parameters
messageany
onMessage
Description placeholder
Parameters
messageany
setStyles
Description placeholder
Parameters
stylesanyisRedrawboolean??
resetStyles
Description placeholder
Parameters
stylesanyisRedrawboolean??
getStyles
Description placeholder
Returns any
enableContextMenu
Description placeholder
onHiddenKeysChanged
Description placeholder
Parameters
cbfunction
setHiddenKeys
Description placeholder
Parameters
updateHiddenKeys
Description placeholder
Parameters
toggleHiddenKey
Description placeholder
Parameters
getHiddenKeys
Description placeholder
Returns any
getIndicatorAreasInfo
Description placeholder
Returns any
setIndicatorsCanAlert
Description placeholder
Parameters
getIndicatorsCanAlert
Description placeholder
Returns any
setDisableWheelScale
Description placeholder
Parameters
boolboolean
getDisableWheelScale
Description placeholder
Returns boolean
setShareDate
Description placeholder
updateShareDateData
Description placeholder
Parameters
dataanyactionstring
getShareDate
Description placeholder
Returns any
getCurrentIndicExternalSource
Description placeholder
Parameters
returnType("set"|"array"|"object")
Returns any
getAggDepthData
Description placeholder
Returns any
getDrawingOnCurrentPeriodOnly
Description placeholder
Returns any
setDrawingOnCurrentPeriodOnly
Description placeholder
Parameters
beginReplay
Description placeholder
Parameters
optionsany
getReplay
Description placeholder
endReplay
Description placeholder
selectReplayBeginDate
Description placeholder
Returns any
handleReplaySelectDate
Description placeholder
Parameters
cbfunction
getReplayTradeData
Description placeholder
Returns any
updateReplayTradeData
Description placeholder
Parameters
handleReplayTradeHover
Description placeholder
Parameters
cbfunction
handleReplayTradeDown
Description placeholder
Parameters
cbfunction
setPositionCostLineNoOverlap
Description placeholder
Returns boolean
setOrderLineNoOverlap
Description placeholder
Returns boolean
highlightCrosshairOnce
Description placeholder
Parameters
config{vLine: ({color: string?, dash: Array<number>?, width: number} | null)?, hLine: ({color: string?, dash: Array<number>?, width: number} | null)?, onClick: function (info: {area: string, x: number, y: number, value: number, date: number}): void}
createScriptIndicator
Description placeholder
Parameters
scriptIndicatorany
Returns any
readScriptIndicator
Description placeholder
Parameters
idstring
Returns any
updateScriptIndicator
Description placeholder
Parameters
scriptIndicatorany
deleteScriptIndicator
Description placeholder
Parameters
idstring
Returns any
setScriptIndicators
Description placeholder
Parameters
scriptIndicatorsany
tempRefreshSubIndiator
Description placeholder
setIndicAuthorize
Description placeholder
Parameters
Returns any
setPriceFormatter
Description placeholder
Parameters
formatterfunction
setWatermark
Description placeholder
Parameters
watermarkany
draw
图表重绘
Parameters
immediately是否立即重绘 (optional, defaultfalse)
Examples
chart.draw();
updateData
Parameters
dataArray<number> [timestamp, O, H, L, C, VOL]type("init"|"unshift"|"push") init: 初始化, unshift: 队首插入,push:队尾插入 (optional, default'init')redrawboolean (optional, defaulttrue)
updateIndicatorData
更新指定的外部指标数据
Parameters
typenumber 指标类型:import { PERIOD_POSITION } from 'xxx'dataarrayrefreshboolean 是否重刷数组 (optional, defaultfalse)redrawboolean 是否重绘 (optional, defaulttrue)
Examples
chart.updateIndicatorData(PERIOD_POSITION, [[1364774400000, 1234567], ...]);
updateVPVRData
更新VPVR数据
Parameters
dataarray
Examples
chart.updateVPVRData([]);
getVPVRData
获取VPVR数据
getLargeOrderData
获取当前渲染的大单数据
Returns any dataList
updateLargeOrderData
更新大额委单跟踪数据
Parameters
dataanyactionstring action可以为'update','replace', 'unshift' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
onLargeOrderHover
大额委单hover
Parameters
cbfunction 回调函数,回传参数:大额委单的数据和位置
Examples
chart.onLargeOrderHover((data) => console.log(data)); // {
data, // 数据
pos., // 位置
};
highlightLargeOrderById
高亮指定大单
Parameters
idnumber
Returns any
updateAggTradeData
更新聚合成交数据
Parameters
dataanyactionstring action可以为'replace', 'unshift', 'append' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
onAggTradeHover
聚合成交hover
Parameters
cbfunction 回调函数,回传参数:聚合成交的数据
Examples
chart.onAggTradeHover((data) => console.log(data)); // {
data, // 数据
};
getAggTradeData
获取聚合成交的数据
Returns any
updateLIBSData
更新LIBS数据
Parameters
dataanyactionstring action可以为'replace', 'unshift', 'append' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
onLIBSHover
LIBS hover
Parameters
cbfunction 回调函数,回传参数:LIBS 的数据
Examples
chart.onLIBSHover((data) => console.log(data)); // {
data, // 数据
};
updateRIBSData
更新RIBS数据
Parameters
dataanyactionstring action可以为'replace', 'unshift', 'append' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
onRIBSHover
RIBS hover
Parameters
cbfunction 回调函数,回传参数:RIBS 的数据
Examples
chart.onRIBSHover((data) => console.log(data)); // {
data, // 数据
};
setShowIndicatorWinningPercentage
显示指标胜率
Parameters
bboolean
Examples
chart.setShowIndicatorWinningPercentage(true);
updateIndicatorWinningPercentageData
更新指标胜率数据
Parameters
dataanyactionstring action可以为'replace', 'unshift', 'append' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
onIndicatorWinningPercentageHover
指标胜率 hover
Parameters
cbfunction 回调函数,回传参数:指标胜率 的数据
Examples
chart.onIndicatorWinningPercentageHover((data) => console.log(data)); // {
data, // 数据
};
onIndicatorWinningPercentageDown
指标胜率 clicked
Parameters
cbfunction 回调函数,回传参数:指标胜率 的数据
Examples
chart.onIndicatorWinningPercentageDown((data) => console.log(data)); // {
data, // 数据
};
setShowIndicatorSignal
显示指标胜率
Parameters
bboolean
Examples
chart.setShowIndicatorSignal(true);
updateIndicatorSignalData
更新指标胜率数据
Parameters
dataanyactionstring action可以为'replace', 'unshift', 'append' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
getIndicatorSignalData
获取指标胜率数据
onIndicatorSignalHover
指标胜率 hover
Parameters
cbfunction 回调函数,回传参数:指标胜率 的数据
Examples
chart.onIndicatorSignalHover((data) => console.log(data)); // {
data, // 数据
};
onIndicatorSignalDown
指标胜率 clicked
Parameters
cbfunction 回调函数,回传参数:指标胜率 的数据
Examples
chart.onIndicatorSignalDown((data) => console.log(data)); // {
data, // 数据
};
setShowGreatEvent
显示大事件
Parameters
numnumber
Examples
chart.setShowGreatEvent(0b001);
updateGreatEventData
更新大事件数据
Parameters
dataanyactionstring action可以为'append', 'update', 'replace' (optional, default'replace')redrawboolean 重绘 (optional, defaulttrue)
onGreatEventHover
大事件 hover
Parameters
cbfunction 回调函数,回传参数大事件 的数据
Examples
chart.onGreatEventHover((data) => console.log(data)); // {
data, // 数据
};
onGreatEventDown
大事件 clicked
Parameters
cbfunction 回调函数,回传参数:大事件 的数据
Examples
chart.onGreatEventDown((data) => console.log(data)); // {
data, // 数据
};
onGreatEventNewMessageBtnDown
大事件新消息 clicked
Parameters
cbfunction 回调函数
Examples
chart.onGreatEventNewMessageBtnDown(() => console.log('clicked'));
moveTimeline
移动视图
Parameters
Examples
chart.moveTimeline('right', 2);
Returns boolean
resetChart
重置柱子大小和最新柱子和Y轴位置
Examples
chart.resetChart();
Returns boolean
moveTimelineToLatest
重置最新柱子
Examples
chart.moveTimelineToLatest();
Returns boolean
scaleTimeline
缩放视图
Parameters
Examples
chart.scaleTimeline('up');
setPeriod
Parameters
Returns any
onDistinctiveIndicatorsChanged
特色指标变更监听
Parameters
cbfunction 回调函数,回传参数:特色指标,array
Examples
chart.onDistinctiveIndicatorsChanged((indicators, prevIndicators) => console.log(indicartors)); // ['AI-LargeOrder'], [];
onMainIndicatorsChanged
主指标变更监听
Parameters
cbfunction 回调函数,回传参数:主指标,array
Examples
chart.onMainIndicatorsChanged((indicators, prevIndicators) => console.log(indicartors, prevIndicators)); // ['ma'],['ma, ema'];
onSubIndicatorsChanged
副指标变更监听
Parameters
cbfunction 回调函数,回传参数:副指标,array
Examples
chart.onSubIndicatorsChanged((indicators, prevIndicators) => console.log(indicartors, prevIndicators)); // ['smi'], ['volume, smi'];
onToolChanged
工具变化监听
Parameters
cbfunction 回调函数,回传参数:当前工具,string
Examples
chart.onToolChanged((tool) => console.log(tool)); // ['volume, smi'];
onToolFocused
焦点工具变化监听
Parameters
cbfunction 回调函数,回传参数:当前工具,string
Examples
chart.onToolFocused((toolObject) => console.log(toolObject)); // ['volume, smi'];
onFinishDrawingTool
绘画完成监听
Parameters
cbfunction 回调函数,回传参数:画画的信息,object
Examples
chart.onFinishDrawingTool((tool) => console.log(tool)); // TOOL_CURSOR;
onDeleteDrawnTool
画线删除监听
Parameters
cbfunction 回调函数,回传参数:object:删除的绘画id和symbol
Examples
chart.onDeleteDrawnTool((tool) => console.log(tool)); // {id: 1, symbol: 'btcusdt:okex'};
onDeleteDrawnTools
批量删除监听
Parameters
cbany
onShouldLoadHistory
加载历史数据监听
Parameters
cbfunction 回调函数
Examples
chart.onShouldLoadHistory(() => chart.updateData([], true)); // ['volume, smi'];
onAreaHeightChanged
区域高度变化监听
Parameters
cbfunction 回调函数,回调参数:高度数组,array
Examples
chart.onAreaHeightChanged((heights) => console.log(heights)); // [123,123,3];
onScaleChanged
缩放变化监听
Parameters
cbfunction 回调函数,回调参数:缩放程度,number,[1,36]
Examples
chart.onScaleChanged((scale) => console.log(scale)); // 6;
onSettingBtnClick
指标info设置按钮监听
Parameters
cbfunction 回调函数,回传参数:当前指标,string,
Examples
chart.onSettingBtnClick((indicator, type) => console.log(indicator, type)); // INDICATOR_VOLUME;
onSeriesInfoBtnClick
指标info按钮监听
Parameters
cbfunction 回调函数,回传参数, 指标类型,指标位置,指标来源,等
Examples
chart.onInfoBtnClick((payload) => console.log(payload)); // INDICATOR_VOLUME;
onSeriesInfoBtnClick
series info 按钮监听
Parameters
cbfunction 回调函数,回传参数:当前series info相关信息
Examples
chart.onSeriesInfoBtnClick((indicator, type) => console.log(indicator, type)); // INDICATOR_VOLUME;
onIndicatorInfoTitleClick
指标info,下拉监听
Parameters
cbfunction 回调函数,回传参数:位置和指标的key
Examples
chart.onIndicatorInfoTitleClick((payload) => console.log(payload));
onToolLimited
画线上限监听
Parameters
cbfunction 回调函数,回传参数:上限条数,number,
Examples
chart.onToolLimited((num) => console.log(num)); // 100;
onYaxisLocked
画线锁定状态监听
Parameters
cbfunction 回调函数,回传参数:锁定状态,boolean,
Examples
chart.onYaxisLocked((bool) => console.log(bool)); // true;
onTimelineChanged
timeline更新监听
Parameters
cbfunction 回调函数,回传参数:锁定状态,boolean,
Examples
chart.onTimelineChanged((bool) => console.log(bool)); // true;
onTradeRecordClick
买卖点击监听
Parameters
cbfunction 回调函数,回传参数:成交点击对象,object,
Examples
chart.onTradeRecordClick((TradeRecordItem) => console.log(TradeRecordItem)); // TradeRecordItem.getPosXY()和TradeRecordItem#width属性可以计算出弹窗的位置;
onToolDoubleClick
画线双击监听
Parameters
cbfunction 回调函数,回传参数:成交点击对象,object,
Examples
chart.onToolDoubleClick(() => console.log());
onPositionCostLineClick
持仓成本线点击监听
Parameters
cbfunction 回调函数,回传参数:成本线位置,点击按钮等对象,object,
Examples
chart.onPositionCostLineClick((info) => console.log(info)); // {
x,
y,
clickedBtn, // 点击的btn名字,[profitBtn, closeBtn, mktCloseAllBtn];
data, // 原始数据
};
setPositionCostLineDraggingText
Parameters
cbfunction (): void
onOrderLineClick
委单线点击监听
Parameters
cbfunction 回调函数,回传参数:委单线位置,点击按钮等对象,object,
Examples
chart.onOrderLineClick((info) => console.log(info)); // {
x,
y,
clickedBtn, // 点击的btn名字,[infoBtn, amountBtn, cancelBtn];
data, // 原始数据
};
setOrderLineDraggingText
Parameters
cbfunction (): void
onSelectionButtonsClick
十字线下单按钮点击监听
Parameters
cbfunction 回调函数,回传参数:委单线位置,点击按钮等对象,object,
Examples
chart.onSelectionButtonsClick((info) => console.log(info)); // {
x,
y,
clickedBtn, // 点击的btn名字,[infoBtn, amountBtn, cancelBtn];
data, // 原始数据
};
setMainIndicators
设置主指标
Parameters
indicatorsstring 主指标
Examples
chart.setMainIndicators([INDICATOR.BOLL, INDICATOR.MA]);
setSubIndicators
设置副指标
Parameters
indicatorsarray 副指标
Examples
chart.setSubIndicators(['volume, smi']);
setIndicatorNav
设置是否显示副指标上的切换按钮
Parameters
showboolean 显示或否
Examples
chart.setIndicatorNav(true);
setPriceLine
设置是否显示价格线
Parameters
Examples
chart.setPriceLine(true | false | 0 | 1 | 2 | 3);
setChartStyle
设置蜡烛形状
Parameters
stylestring 蜡烛形状 (optional, defaultSTICK_STYLE.CANDLE)
Examples
chart.setChartStyle(STICK_STYLE.CANDLE);
toggleYAxisLocked
设置是否锁定Y轴
Parameters
statusboolean 锁定true
Examples
chart.toggleYAxisLocked(true);
setMainRangePaddingRatio
设置主图上下内边距
Parameters
vnumber (0,0.2] (optional, default0.05)
Examples
chart.setMainRangePaddingRatio(0.2);
setXAxisPaddingRatio
设置时间轴右边距
Parameters
vnumber (optional, default0.2)
setYAxisType
设置Y轴坐标
Parameters
scalestring 线性或者是对数 (optional, defaultAXIS_SCALE_LINEAR)
Examples
chart.setYAxisType(AXIS_SCALE_LOGARITHMIC);
selectTool
选择工具
Parameters
toolstring -工具名称metaobject -元数据(id之类)optionsobject -配置(样式之类)isSelfActionboolean -是否是自身派发的事件 (optional, defaulttrue)
Examples
chart.selectTool(TOOL_CURSOR, isKeepDrawing);
setSymbol
设置当前symbol
Parameters
symbolstring symbol字符串
Examples
chart.setSymbol({
symbol: 'okexbtcusdt'
});
setDecimal
设置小数点
Parameters
decimalnumber
Examples
chart.setDecimal(3);
Returns any this
setCloseLineWhenMinScale
设置是否在缩放到最小时变为趋势线
Parameters
boolboolean
Examples
chart.setCloseLineWhenMinScale(true);
getLastStickDate
获取最后一条柱子的日期
Examples
chart.getLastStickDate(); // timestamp
Returns number timestamp
getLastStickItem
获取最后一条柱子的信息
Examples
chart.getLastStickItem(); // timestamp
Returns any timestamp
getFirstStickDate
获取最后一条柱子的日期
Examples
chart.getLastStickDate(); // timestamp
Returns number timestamp
setRatio
设置屏幕倍数
Parameters
rationumber 屏幕倍数
Examples
chart.setRatio(2);
setTools
加载线段
Parameters
Examples
chart.setTools([{
"points": [
{
"x": "1536214200000",
"y": "6331.08768276043",
},
{
"x": "1536219240000",
"y": "6331.08768276043",
}
],
"name": "CHoriRayLineObject",
"symbol": "btcusdt:okex",
"id": 17
},]);
getTools
获取线段
Parameters
rawbool 是否原对象
clearTools
清空所有画线
Examples
chart.clearTools();
deleteFocusedDrawnTool
删除focus的画线
Parameters
showbool
Examples
chart.deleteFocusedDrawnTool();
deleteDrawnToolById
根据ID删除画线
Parameters
deleteDrawnToolsByIds
批量删除画线
Parameters
idsany
getToolsLength
获取画线数组的长度
Returns number length
setFocusedToolById
手动设置focusedTool,通过ID
Parameters
idany
Returns boolean true设置成功,false设置不成功
toggleIndicatorBtns
设置是否显示指标们的设置和删除按钮
Parameters
showboolean
Examples
chart.toggleIndicatorBtns(false);
getImageData
获取K线图片数据
Examples
chart.getImageData();
Returns string base64
setIntl
多语言设置
Parameters
Examples
chart.setIntl({
time: '时间',
O: '开',
H: '高',
L: '低',
C: '收',
chg: '涨幅',
ampl: '振幅',
month: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
week: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
});
invertRange
反转Y轴
Examples
chart.invertRange();
setOpenTime
设置开盘时间
Parameters
openTime(0|8)
Examples
chart.setOpenTime(0); // [0, 8]
Returns boolean
setDistinctiveIndicators
设置特色指标
Parameters
indicatorsstring 特色指标redraw(optional, defaulttrue)
Examples
chart.setDistinctiveIndicators([INDICATOR.VRAR, INDICATOR.LARGEORDER]);
toggleTradeRecord
设置是否显示买卖记录
Parameters
showboolean
Examples
chart.toggleTradeRecord(false);
updateTradeRecordData
设置是否显示买卖记录
Parameters
dataany
Examples
chart.updateTradeRecordData([
{
type: 'ask' or 'bid',
price: 8300,
tick: Date.now(),
}
]);
getIndicatorParameters
设置指标的参数
Parameters
indicNameINDICATOR 指标名称levelstring 获取类别, all: “全部参数”,current: “当前已设置的简化参数”,simple: "简化参数" (optional, default'all')
Returns any paramsStorage
setIndicatorParameters
获取指标的参数
Parameters
Returns boolean
getAllIndicatorsSimpleParameters
获取全部指标的参数
Returns any ParamsStorage
setAllIndicatorsSimpleParameters
设置全部指标的参数
Parameters
paramsGroupobject 所有指标的参数对象
resetIndicatorParameters
重置参数
Parameters
indicNameINDICATOR 参数名称
Returns boolean
onContextMenu
右键点击监听
Parameters
cbfunction 回调函数,回传参数:当前位置信息,object
Examples
chart.onContextMenu((info) => console.log(info)); // {
x,
y,
area,
date,
value,
};
togglePositionCostLine
设置是否显示持仓成本线
Parameters
boolanyoptionsany
updatePositionCostLineData
设置持仓成本线数据数组
Parameters
dataany
Examples
chart.updatePositionCostLineData([{
profit: -100.0018, // 持仓收益
profitRatio: -100.42, // 收益率(即10%)
pos: 1000, // 持仓数量
unit: '张', // 持仓数量单位
side: 'long', // 多空方向(long 多仓,short 空仓)
price: 9000, // 开仓价格
}, {
profit: 0.0018, // 持仓收益
profitRatio: 0.42, // 收益率(即10%)
pos: 2, // 持仓数量
unit: '张', // 持仓数量单位
side: 'short', // 多空方向(long 多仓,short 空仓)
price: 10000, // 开仓价格
}]]);
toggleOrderLine
设置是否显示委单线
Parameters
boolanyoptionsany
updateOrderLineData
设置委单线数据数组
Parameters
dataany
Examples
chart.updateOrderLineData([{
oid: 'xxxxx', // 订单ID
name: '限价',
price: 9000,
trigger: 'Trigger >= 9500', // 可能会为空
amount: '100', // 数量
type: 'Limit', // 限价Limit、止损Stop
side: 'buy', // 买入buy、卖出sell
}, {
oid: 'xxxxx', // 订单ID
name: '限价',
price: 9000,
trigger: 'Trigger >= 9500', // 可能会为空
amount: '100', // 数量
type: 'Limit', // 限价Limit、止损Stop
side: 'buy', // 买入buy、卖出sell
}]]);
toggleAlertLine
设置是否显示预警线
Parameters
boolanyoptionsany
updateAlertLineData
设置预警线数据数组
Parameters
dataany
Examples
chart.updateAlertLineData([{
oid: 'xxxxx', // 订单ID
name: '限价',
price: 9000,
trigger: 'Trigger >= 9500', // 可能会为空
amount: '100', // 数量
type: 'Limit', // 限价Limit、止损Stop
side: 'buy', // 买入buy、卖出sell
}, {
oid: 'xxxxx', // 订单ID
name: '限价',
price: 9000,
trigger: 'Trigger >= 9500', // 可能会为空
amount: '100', // 数量
type: 'Limit', // 限价Limit、止损Stop
side: 'buy', // 买入buy、卖出sell
}]]);
toggleSelectionButtons
设置是否显示十字线下单按钮
Parameters
boolany
addCandlestickSeries
增加蜡烛序列
Parameters
optionsobject
Returns object series
removeSeries
删除序列
Parameters
seriesany
Returns boolean