HQChart使用教程91

教程91"/>

HQChart使用教程91

HQChart使用教程91-如何在app中使用DRAWICON绘制图片

• DRAWICON
• • 函数说明
  • 限制
• 外部DRAWICON回调
• 效果图
• • 注册DRAWICON外部绑定事件
  • • 事件ID
    • 参数说明
  • 外部图标渲染函数
  • • op
    • obj
• 交流QQ群: 950092318
• HQChart代码地址

DRAWICON

函数说明

指标的绘图函数， 使用SVG图片。
用法：DRAWICON(COND,PRICE,TYPE),当COND条件满足时,在PRICE位置画TYPE号图标(TYPE为1–46)。
例如：DRAWICON(CLOSE>OPEN,LOW,1)表示当收阳时在最低价位置画1号图标。
图标类型可以查看该页面：ico.png

限制

由于目前小程序或uniapp无法在canvas绘制SVG图片，导致DRAWICON函数在这些平台使用Emoji 特殊字符来绘制的， 所有效果没有直接用图片来的好。

外部DRAWICON回调

为了在app上能绘制图片， hqchart提供外部回调，可能让外部使用DOM来绘制图片（app/小程序无法动态创建DOM,可以预先创建好一堆DOM备用就可以）

效果图

注册DRAWICON外部绑定事件

事件ID

事件IDON_BIND_DRAWICON, 如何注册监听事件详见：HQChart使用教程5- K线图控件操作函数说明
注意：此事件只支持app/小程序端, h5不支持

参数说明

function( event,data,obj)
data : DRAWICON创建信息
{ FrameID:指标窗口索引, ChartID:图形id Callback:需要绑定的外部回调函数 }

.....
g_KLine.JSChart.AddEventCallback({ event: JSCommon.JSCHART_EVENT_ID.ON_BIND_DRAWICON, callback: this.OnBindDrawIcon });
.....
OnBindDrawIcon(event,data,obj)
{console.log(`[OnBindDrawIcon] FrameID:${data.FrameID}, ChartID:${data.ID}`);data.Callback=(op, obj)=>{ this.DrawIcon(op, obj ); };
},

外部图标渲染函数

DrawIcon(op, obj)

op

操作符 1=开始绘制 2=绘制 4=图标销毁

obj

绘制信息

{
Draw：//当前屏显示的图标信息
[{IconID: 图标idX: 显示的x坐标Y：显示的y轴坐标IsShow:是否显示Text:  输出颜色等配置{Color:图片颜色Align:左右对齐方式Baseline:上下对齐方式}}，.......
]
}

DrawIcon(op, obj)
{if (op==1) {console.log("[drawDomCallback] 开始绘制 op, obj", op, obj);}else if (op==2) {console.log("[drawDomCallback] 绘制 op, obj", op, obj);}else if (op==4) //销毁{console.log("[drawDomCallback] 销毁 op, obj", op, obj);}},

交流QQ群: 950092318

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址

地址：github/jones2000/HQChart