关于前端:highcharts-04wrap

42次阅读

共计 638 个字符,预计需要花费 2 分钟才能阅读完成。

场景:
须要对每个 series 设置不同背景色的 tooltip 时,highcharts 本身没有这种配置项,就须要咱们利用 Highcharts 原型封装函数 Wrap。
wrap 对现有的 highcharts 示例的原型进行批改,容许在现有函数之前或之后向其中增加本人的代码。

其用法如下:
(function (H) {
H.wrap(H.Tooltip.prototype, ‘refresh’, function (proceed, points) {

  // When refresh is called, code inside this wrap is executed

});
}(Highcharts));
(下面是一个立刻执行函数的写法,看外面的 H.wrap)

wrap 函数的第一个参数为父类对象,第二个参数为要封装的函数名称,第三个参数为回调替换函数。

咱们也能够用简略奢侈的写法
示例代码如下:
const H = Highcharts;
H.wrap(H.Tooltip.prototype, ‘refresh’, function (p, point, mouseEnents) {
p.call(this, point, mouseEnents);
const label = this.label;
if (point && label) {

label.attr({fill: point.series.userOptions.marker.fillColor});

}
});

成果如下

同步更新到本人的语雀
https://www.yuque.com/diracke…

正文完
 0