search

ambit-tsai / echarts-for-vue

📊 📈 ECharts wrapper component for Vue 3, 2 and TypeScript
Apache License 2.0
80 stars 11 forks source link

flex 布局下，不能 autosize #14

Closed ChenWeihua123 closed 2 years ago

ChenWeihua123 commented 3 years ago

flex 布局下，不能 autosize，有人遇到过这种情况吗 （图表容器 flex:1）

ambit-tsai commented 3 years ago

emmm，为什么不把Demo代码贴出来看看？

ChenWeihua123 commented 3 years ago

@ambit-tsai

ChenWeihua123 commented 3 years ago

image

ChenWeihua123 commented 3 years ago 
<template>
    <div class="chart-container">
      <div style="height: 200px;border: 1px solid red;margin-bottom: 10px;flex-shrink: 0"></div>
      <div style="flex: 1 1 0;border: 1px solid purple">
        <cv-chart :option="option"></cv-chart>
      </div>
    </div>
</template>