Question

我有一个Vue SPA，我试图用echarts显示一些图表，台式机浏览器甚至Android浏览器都没有问题，但是在iOs上，该图表没有显示。我试图解决此问题，但没有任何帮助，也许你们中的一些人遇到了这样的问题。

也许我的指标组件上的加载器会隐藏内容，直到用ajax加载数据为止都会导致此问题。

解决方案：看来iOS somoehow如何处理高度：与其他OS 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>

echarts未在iOS上显示

0 个答案: