title: how to create multiple chart on one component vue
body: <p>i want to create multiple chart from chart.js in one <code>.vue component</code> and one <code>.js</code> file, how i can create it?</p>
  
  <p>so far what i try is creating another <code>.js</code> file for each chart.</p>
  
  <p>here my code</p>
  
  <p>LineChart.js file</p>
  
  <pre><code>import {Line} from 'vue-chartjs'
  
  export default {
    extends: Line,
    mounted () {
  
      this.renderChart({
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [
          {
            label: 'Data One',
            backgroundColor: '#FC2525',
            data: [40, 39, 10, 40, 39, 80, 40]
          },{
            label: 'Data Two',
            backgroundColor: '#05CBE1',
            data: [60, 55, 32, 10, 2, 12, 53]
          }
        ]
      }, {responsive: true, maintainAspectRatio: false})
  
    }
  }
  </code></pre>
  
  <p>Step2.vue component</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="Chart"&gt;
      &lt;h2&gt;Linechart&lt;/h2&gt;
      &lt;line-example&gt;&lt;/line-example&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import LineExample from './LineChart.js'
  export default {
    name: 'tes',
    components: {
      LineExample
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>this code is for one chart, if i want to add more chart then i have to create another <code>.js</code> file.</p>