Ошибка в Highcharts после существования полноэкранного режима - PullRequest
Новая
       106

Ошибка в Highcharts после существования полноэкранного режима

1 голос
/ 29 мая 2020

Когда вы открываете диаграмму в полноэкранном режиме, она работает должным образом: диаграмма отображается на весь экран, но при выходе из полноэкранного режима исходная диаграмма растягивается на гораздо большую высоту. Вы можете проверить это здесь:

https://jsfiddle.net/9b6m438y/

responsive: {
    rules: [{
        condition: {
            maxWidth: 500
        },
        chartOptions: {
            legend: {
                layout: 'horizontal',
                align: 'center',
                verticalAlign: 'bottom'
            }
        }
    }]
}

Как воспроизвести: Откройте контекстное меню в правом верхнем углу диаграммы, выберите «Просмотреть в полноэкранном режиме». ", затем выйдите из полноэкранного режима и обратите внимание на высоту исходного графика.

Как этого избежать?

1 Ответ

2 голосов
/ 29 мая 2020

Это спорный вопрос, ошибка это или нет, потому что разные браузеры по-разному работают в текущей реализации полноэкранного модуля - вы можете увидеть все обсуждение здесь: https://github.com/highcharts/highcharts/issues/13222

В качестве обходного пути (предлагается по ссылке выше) вы можете установить высоту контейнера в CSS.

Демо: https://jsfiddle.net/9b6m438y/

#container {
    height: 400px;
}

Если у вас есть собственное мнение по этому поводу - смело принимайте участие в обсуждении вопроса на GitHub.

...