Javascript 将highcharts yAxis.tickPositioner回调函数移到某个util函数之外
我正在尝试使用多个y轴实现highcharts,需要为每个y轴设置yAxis.tickPositioner回调函数。因此,我不需要在每个回调中编写重复的代码,而是需要创建一个util函数,我可以将dataMin和dataMax之类的值传递给它,这些值只能在ticklepositioner回调函数中访问Javascript 将highcharts yAxis.tickPositioner回调函数移到某个util函数之外,javascript,ember.js,highcharts,callback,closures,Javascript,Ember.js,Highcharts,Callback,Closures,我正在尝试使用多个y轴实现highcharts,需要为每个y轴设置yAxis.tickPositioner回调函数。因此,我不需要在每个回调中编写重复的代码,而是需要创建一个util函数,我可以将dataMin和dataMax之类的值传递给它,这些值只能在ticklepositioner回调函数中访问 chartOptions { xAxis: { tickPositions: [0, 1, 2, 4, 8] }, yAxis: { ti
chartOptions {
xAxis: {
tickPositions: [0, 1, 2, 4, 8]
},
yAxis: {
tickPositioner: function () {
var positions = [],
tick = Math.floor(this.dataMin),
increment = Math.ceil((this.dataMax - this.dataMin) / 6);
if (this.dataMax !== null && this.dataMin !== null) {
for (tick; tick - increment <= this.dataMax; tick += increment) {
positions.push(tick);
}
}
return positions;
}
},
}
图表选项{
xAxis:{
位置:[0,1,2,4,8]
},
亚克斯:{
定位器:功能(){
var头寸=[],
勾选=数学地板(this.dataMin),
增量=Math.ceil((this.dataMax-this.dataMin)/6);
if(this.dataMax!==null&&this.dataMin!==null){
对于(勾号;勾号-增量,您可以通过utilFunction
中的this
访问轴,如果您以这种方式分配:
yAxis: {
tickPositioner: this.utilFunction
}
现场演示:
如果需要在函数中使用其他上下文,可以通过参数传递所需的值:
yAxis: {
tickPositioner: function() {
utilFunction(this.dataMin, this.dataMax);
}
}
现场演示:
yAxis: {
tickPositioner: function() {
utilFunction(this.dataMin, this.dataMax);
}
}