weizhenye/vue-highcharts

How to change Highcharts object configuration locally?

Closed this issue · 4 comments

DaveGitUser commented

I am wondering if there is a way to set options and stuff localy, not only globally.
I use following plugin instalation:

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

Vue.use(VueHighcharts, { Highcharts });

Unfortunately, this means that the reset function is not working in all charts in all pages. Is there a way, how to set some config options only for certain chart?

weizhenye commented

What specific stuff do you want to implement? Modifying methods of library itself is never a good practice.

DaveGitUser commented

I want to implement chart synchronisation, as it is in following snippet:

https://www.highcharts.com/blog/snippets/synchronisation-of-multiple-charts/

But not globally, only for three certain charts.

Is it possible with VueHighcharts somehow?

weizhenye commented

The official demo will also affect the global Highcharts. It's wrong.

I rewrite it. See https://codepen.io/weizhenye/pen/NYPZMK

  • 🎉1
DaveGitUser commented

Perfect! Thanks a lot, it works!