如何使用 vue-highcharts 在本地更改 Highcharts 对象配置？

【问题标题】：How to change Highcharts object configuration locally with vue-highcharts?如何使用 vue-highcharts 在本地更改 Highcharts 对象配置？
【发布时间】：2018-08-17 17:21:48
【问题描述】：

我想知道是否有一种方法可以在本地设置选项和内容，而不仅仅是全局。我使用以下插件安装：

Highcharts.Pointer.prototype.reset = function () {
    return undefined;
};

Vue.use(VueHighcharts, { Highcharts });

很遗憾，这意味着重置功能并非在所有页面的所有图表中都有效。有没有办法，如何只为某些图表设置一些配置选项？

【问题讨论】：

标签： plugins npm webpack highcharts vue.js

【解决方案1】：

如果您修改原型，则更改始终是全局性的，因为您只有一份 Highcharts。

要让某些图表正常工作，您可以根据某些标志/功能/等包装修改后的函数并在其中处理。这是在图表的选项中设置的。

例如：

Highcharts.wrap(Highcharts.Pointer.prototype, 'reset', function(p, allowMove, delay) {
  if (this.chart.options.chart.resetPointer === false) {
    console.log('modified')
    return undefined
  }

  return p.call(this, allowMove, delay)
})

如果在图表的选项中您没有将 resetPointer 属性显式设置为 false，则函数会正常调用，如下所示：

chart: {
  resetPointer: false
},

实时示例：https://jsfiddle.net/e2bo3L4r/

【讨论】：