fe-drone-ci/src/views/charts/mixchart.vue

<template>
  <div class="components-container" style='height:100vh'>
    <div class='chart-container'>
      <mixchart id='apple' height='100%' width='100%' />
    </div>
  </div>
</template>

<script>
    import mixchart from 'components/Charts/mixchart';
    export default {
      components: { mixchart }
    };
</script>

<style scoped>
.chart-container{
  position: relative;
  width: 100%;
  height: 90%;
  padding-bottom: 40px;
}
</style>