vue-chartjs/examples/App.vue

<template>
  <div class="container">
    <bar-example></bar-example>
    <line-example></line-example>
    <doughnut-example></doughnut-example>
    <pie-example></pie-example>
    <radar-example></radar-example>
    <polar-area-example></polar-area-example>
    <bubble-example></bubble-example>
  </div>
</template>

<script>
  import BarExample from './examples/BarExample'
  import LineExample from './examples/LineExample'
  import DoughnutExample from './examples/DoughnutExample'
  import PieExample from './examples/PieExample'
  import RadarExample from './examples/RadarExample'
  import PolarAreaExample from './examples/PolarAreaExample'
  import BubbleExample from './examples/BubbleExample'

  export default {
    components: {
      BarExample,
      LineExample,
      DoughnutExample,
      PieExample,
      RadarExample,
      PolarAreaExample,
      BubbleExample
    }
  }
</script>

<style>
  .container {
    max-width: 800px;
    margin: 0 auto;
  }
</style>