I'm trying to add a logo to a chart the following way. I can see the logo in the chart the problem is when I'm exporting it as png, jpeg, pdf, instead of showing the logo just show an question symbol. I recreate the problem in a JS fiddle https://jsfiddle.net/jodarove/8w1jtoux/6/ because we are actually using vue highcharts. Any idea why this is happening? I would appreciate any leads. thank you.
Code: Select all
"highcharts": "^9.1.2",
"highcharts-vue": "^1.4.0",
Code: Select all
chart: {
height: null,
spacing: [10, 10, 15, 10],
events: {
load: function() {
this.container.classList.add('highchart-export')
},
render: function() {
this.renderer
.image(
'https://satellitedashboard.org/satellite-dashboard-logo-black.svg',
400,
0,
200,
19
)
.add()
}
}
},
rangeSelector: {
enabled: false
},
navigator: {
enabled: false
}
}
live chart exported chart