ApexCharts 强制 100% 高度

Question

我已经为这个问题苦苦挣扎了一段时间，我需要在您的容器 height 处显示 100% 的图形。

我向他指出他的身高：'100%' 的权重仍然跟随着上下空格，tabiem 我给 false 值 yaxis 但问题仍然存在。

谁能解决，不胜感激

var options = {
  chart: {
    type: 'line',
    width: '100%',
    height: '100%',
    toolbar: {
      show: false
    },
  },
  grid: {
    show: false,
    padding: {
      left: 0,
      right: 0
    }
  },
  tooltip: {
    intersect: false,
    x: {
      show: false
    },
    marker: {
      show: false
    }
  },
  dataLabels: {
          enabled: false
        },
  yaxis: {
    show: false,
  },
  xaxis: {
    tooltip: {
      enabled: false
    },
    labels: {
      show: false
    },
    axisBorder: {
      show: false
    }
  },
  

  series: [{
    name: 'sales',
    data: [30,40,35,50,49,60,70,91,125]
  }]
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

#chart{
  width: 500px;
  height: 200px;
  border: 1px solid #000;
}

<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

<div id="chart"></div>

Answer 1

如果不需要显示x轴，y轴，可以打开sparkline.enabled标志，去掉图表区上下所有不需要的空格

chart: {
   sparkline: {
      enabled: true
   }
}

ApexCharts 强制 100% 高度

ApexCharts force 100% height

javascript

apexcharts