Question

我想知道是否有办法设置选项和东西，不仅是全局的。我使用以下插件安装：

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

Vue.use(VueHighcharts, { Highcharts });

不幸的是，这意味着重置功能在所有页面的所有图表中都不起作用。有没有办法，如何为某些图表设置一些配置选项？

Answer 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 prop设置为false，则会正常调用函数，如下所示：

chart: {
  resetPointer: false
},

直播示例：https://jsfiddle.net/e2bo3L4r/

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

1 个答案: