cloud-ui.vusion/src/u-chart.vue/index.html

Vusion Cloud UI

<div :class="$style.root" :border="border" :empty="data && !data.length" :style="{width: width, height: height}">
    <div v-if="title || $slots.titleTemplate" :class="$style.ittitle" :style="{textAlign: titleAlign}">
        <slot name="titleTemplate">{{title}}</slot>
    </div>
    <div :class="$style.caption" v-if="caption || $slots.captionTemplate">
        <slot name="captionTemplate">
            {{caption}}
        </slot>
    </div>
    <div v-if="legend" :class="$style.legend" :role="series.length > 5 ? 'multiline' : ''">
        <div v-for="(sery,index) in series" :class="$style.item" :role="series.length > 4 ? 'omitwidth' : ''" :disabled="sery.hidden" :title="sery.name || sery.key" @click.stop="toggle(index)">{{sery.name || sery.key}}</div>
    </div>
    <div :class="$style.content" :style="contentStyle">
        <slot></slot>
    </div>
    <div :class="$style.operate">
        <slot name="operate"></slot>
    </div>
    <div :class="$style.loadingLabel" v-if="loading">
        <u-loading size="large" :class="$style.loading"></u-loading>
    </div>
</div>