echarts не отображается на iOS

Question

У меня есть Vue SPA, и я пытаюсь показать некоторые диаграммы с диаграммами, нет проблем с настольными браузерами или даже с Android-браузерами, но на iOs диаграмма не отображается.Я пытался это исправить, но ничего не помогло, возможно, у некоторых из вас возникла такая проблема.

Может быть, загрузчик моего компонента Indicator, который скрывает содержимое до тех пор, пока данные не загружены с помощью ajax, вызывает эту проблему.

Решение: Похоже, iOS someehow обрабатывает высоту: на 100% отличается от других ОС, я не знаю почему, решил с помощью установки высоты явным значением px

<template>
    <transition-group appear name="fade" tag="section">
        <section v-bind:key="'section' + index" v-bind:id="'indicator_' + indicator.oszlop">
            <div class="item-header">
                <div class="item-close">
                    <a href="javascript:void(0);" title="Bezar" v-on:click="removeIndicator"><span class="f-icon-cancel"></span></a>
                </div>

                <h4><slot></slot></h4>

                <button class="btn btn-sm btn-item-actions" title="Vissza" v-show="indicator.drilldown" v-on:click="drillUp">
                    <span class="f-icon-left-open"></span>
                </button>
            </div>

            <div v-if="this.indicator.loading" class="item-body loading-spinner">
                <div class="spinner-border">
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div v-if="!this.indicator.loading" class="item-body">
                <VueECharts 
                    v-bind:autoresize="true" 
                    v-bind:options="chartOptions"
                    v-on:click="drillDown"
                />
            </div>
        </section>
    </transition-group>
</template>