需求
在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