title: Render labels and data with loop inside vue-chart.js
body: <p>How can I render data with loop</p>
  
  <blockquote>
    <p>(for; v-for) inside: { <em>labels</em>: [] } and datasets: [{ data:[] }]</p>
  </blockquote>
  
  <p>in chart using (Vue-Chart.js)</p>
  
  <pre><code>data: {
                      labels: [
  
                          ***HERE***
  
                      ],
                      datasets: [{
                          label: "Assets",
                          backgroundColor: ["#4285F6"],
                          data: [
  
                              ***HERE***
  
                          ],                 
                      }],
                  },
  </code></pre>
  
  <p>So far, my (render) data is (an array, inside it - few objects - and inside every objects all my data needs): </p>
  
  <pre><code>LABELS: 
  this.array[0] ? this.array[0].asset.name : '',
  this.array[0] ? this.array[1].asset.name : '',
  this.array[0] ? this.array[2].asset.name : '',
  
  DATASETS:
  this.array[0] ? this.array[0].amount : '',
  this.array[0] ? this.array[1].amount : '',
  this.array[0] ? this.array[2].amount : '',  
  </code></pre>