Не удается получить полноэкранные кнопки для работы с highcharts-vue

Question

Я использую оболочку highcharts-vue в своем проекте vue.Все идет гладко, за исключением того факта, что я не могу заставить работать опцию viewFullscreen.

Я настроил вещи, следуя документам , и включил следующее в свой main.js

import exportingInit from 'highcharts/modules/exporting'`
exportingInit(Highcharts);

В моих графиках работает функция экспорта.Для каждого графика я настроил параметры следующим образом:

exporting: {
        buttons: {
            contextButton: {
                menuItems: ['viewFullScreen', 'downloadPNG', 'downloadJPEG', 'downloadPDF']
            }
        }
    }

все кнопки видны и работают, кроме кнопки viewFullscreen.тот не показывает.

Вслед за документами из highcharts api ничего не упоминалось о необходимости включения дополнительных параметров или около того, чтобы использовать режим vieFullscreen.

Есть мысли по этому поводу?

Answer 1

Вам нужно изменить первую строку с viewFullScreen на viewFullscreen:

exporting: {
    buttons: {
        contextButton: {
            menuItems: ['viewFullscreen', 'downloadPNG', 'downloadJPEG', 'downloadPDF']
        }
    }
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/ekr2mw7f/

Справочник по API: https://api.highcharts.com/highcharts/exporting.buttons.contextButton.menuItems