highcharts-vue | Official Highcharts wrapper for Vue framework

I am just desperate for an answer but there's a hope to find the answer here.

I Used following stuff:

we have a client wanting full screen read and keybaord navigation for their site (hosted on squarespace and we made a vue plugin for them)

I got all areas of their site to work including leaflet but high charts i am having no luck with keyboard navigation html line in vue

.I use highcharts-vue and xAxis.tickPositioner function

Annotations are not properly shown outside plot area. I've tried overflow: 'none' and crop: false as mentioned in Highcharts documentation, but it doesn't work.

Here's a failing example: https://codesandbox.io/s/highcharts-vue-demo-forked-njxk9?file=/src/components/Chart.vue

Can anyone help?

I'm using Highcharts stock in Vue, what I want to implement is when I hover one stock point, the tooltip shows up, and at the same time, at other places may be top of the stock chart, as same as data in tooltip in other styles. My way is to export data in the tooltip formatter function, but in the formatter function this doesn't refer to Vue instance. I wonder if there any way I can access hovering tooltip data, or if there any other way can realize the effect.

the effect i want to realize

I have a legend inside the map, is working fine when the map is not full screen, but when the map is full screen the legend is not showing.

To Reproduce

Steps to reproduce the behavior:

1. Open the map and see the legend is present and working fine
2. Click full screen icon
3. The legend is not present
4. Click full screen icon again to remove the full screen, now the legend is present and working fine

Expected behavior

The legend should work fine when full screen.

Screenshots

Normal screen, working fine:

Full screen, not showing the legend:

Additional context

Code example available on codesandbox https://codesandbox.io/s/ecstatic-wave-c3qmg. You should open the link https://c3qmg.csb.app/ on another page to be able to see the fullscreen icon.

Code extract:

I want to put a custom export button with its own onclick into a HighStock chart via highcharts-vue using the configuration option described in https://api.highcharts.com/highcharts/exporting.buttons .
I can make the button appear, but sadly, any click on it causes an error:

TypeError
Cannot read property 'call' of undefined

The code to reproduce this error can be found at https://codesandbox.io/s/highcharts-vue-exporting-error-znvwy .
I'm using Vue 2.6.11, highcharts-vue 1.3.5 and HighCharts 8.1.0 (8.2.2 shows the same error).

What am I doing wrong?

First time working with highcharts-vue.

I have the following global chart options, which I import in my app.js. It is here I have added a button to the exporting menu to allow for download CSV / XLSX functionality, leveraging maatwebsite/laravel-excel, as the final export will include additional columns to shown on the chart (as opposed to just downloading the chart data via its CSV/XSLX plugins).

I would like to pass the url into the exporting button drop-list on the chart, but I have not been successful. How do I pass a prop (the destination url for the data request) to this config?

I have multiple chart instances on a page and each would require its own target url.

Any suggestions welcome.

I'm just getting started to VueJS and i'm trying to create a very simple page where a pie chart with some data is shown.

Right now, i managed to display the chart using example data, but now i would like to populate the chart with data retrieved from an api call on my backend http://127.0.0.1:8000/user/getamount.

Here is my code:

chart.js