HQChart使用教程54- K线缩放控制按钮接口说明

需求

在k线底部增加按钮可以控制K线缩放，移动的功能。
效果图

接口说明

ChartOperator=function(obj) //图形控制函数 {ID:JSCHART_OPERATOR_ID, …参数 }
ID: 操作ID

var JSCHART_OPERATOR_ID=
{
    OP_SCROLL_LEFT:1,
    OP_SCROLL_RIGHT:2,
    OP_ZOOM_OUT:3,  //缩小
    OP_ZOOM_IN:4,   //放大
    OP_GOTO_HOME:5, //第1页数据
}

Step: 移动个数 （移动的操作才使用)

注意 这个接口没有暴露出， 需要在内部图形实例里面调用this.Chart.JSChartContainer(JSChartContainer 内部图形使用)
this.Chart.JSChartContainer.ChartOperator();

具体实例

缩小

OnZoomOut: function (event) 
{
    var obj = { ID: 3 };
    this.Chart.JSChartContainer.ChartOperator(obj);
},

放大

OnZoomIn: function (event) 
{
    var obj = { ID: 4 };
    this.Chart.JSChartContainer.ChartOperator(obj);
},

向前移动

Step是移动数据个数 这里设置1个， 每次移动一个数据

OnMoveForward(event)
{
     var obj={ ID: 1, Step: 1 };
     this.Chart.JSChartContainer.ChartOperator(obj);
 },

向后移动

Step是移动数据个数 这里设置1个， 每次移动一个数据

OnMoveBackword(evnet)
{
    var obj = { ID: 2, Step: 1 };
    this.Chart.JSChartContainer.ChartOperator(obj);
},

返回到最新数据页

OnMoveLatest(evnet)
{
    var obj = { ID: 5 };
    this.Chart.JSChartContainer.ChartOperator(obj);
},

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

HQChart代码地址
地址：https://github.com/jones2000/HQChart