当前位置: 首页 > Web前端 > HTML

[highcharts]04_wrap

时间:2023-03-27 23:41:49 HTML

场景:当需要为每个系列设置不同背景色的tooltip时,highcharts本身没有这样的配置项,所以需要使用Highcharts原型包装函数Wrap。wrap修改现有highcharts示例的原型,允许在现有函数之前或之后添加您自己的代码。它的用法如下:(function(H){H.wrap(H.Tooltip.prototype,'refresh',function(proceed,points){//当refresh被调用时,这个wrap里面的代码被执行});}(Highcharts));(上面是一个立即执行函数的写法,见里面的H.wrap)wrap函数的第一个参数是父类对象,第二个参数是要被包裹的函数名,第三个参数是回调替换函数。我们也可以把示例代码简单易懂的写成如下:constH=Highcharts;H.wrap(H.Tooltip.prototype,'refresh',function(p,point,mouseEnents){p.call(this,point,mouseEnents);constlabel=this.label;if(point&&label){label.attr({fill:point.series.userOptions.marker.fillColor});}});效果如下同步更新为自己的语言https://www.yuque.com/diracke...