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>