Hello,
I don't know if I can do a demo for this issue.
I have a HighchartWrapper.js component where I have defined the credits property to be like this:
credits: {
enabled: true,
text: 'XXX',
style: {
color: '#3a3a3a',
opacity: '0.3',
},
},
The I have a different chart component where I use this HighchartWrapper inside which I have this defined (Notice the events where I have defined the link)
chart: {
type: 'column',
height: 250,
zoomType: 'xy',
panning: true,
panKey: 'shift',
style: {
fontFamily: 'Source Sans Pro',
},
events: {
load: function () {
this.credits.element.onclick = function () {
window.open('https://www.google.com', '_blank');
};
},
},
},
What it does is, when I render the chart on the UI, it gives me a text below the chart called 'XXX' which should redirect me to the link https://www.google.com in a separate tab / window
What is happening is:
1) It is opening up google.com in a different tab as expected
2) ISSUE: At the same time, it also redirects my current window (UI where I am displaying the chart) to : https://www.highcharts.com/?credits
Please advice, thank you !