title: How can I add dinamically the series in Google Chart with Vuejs
body: <p>Hi I am trying to add dinamically the series in Google Chart with Vuejs I have tried but it does not work my code is this one:</p>
  <p>I need to add dinamically the series because I do not know how many there will be</p>
  <pre><code>&lt;template&gt;
   &lt;div&gt;
  &lt;!-- Begin Page Content --&gt;
  &lt;div class=&quot;container-fluid&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-12&quot;&gt;
          &lt;h2&gt;Vue Js Google Pie Chart Demo&lt;/h2&gt;
          &lt;GChart
            type=&quot;ComboChart&quot;
            :options=&quot;options&quot;
            :data=&quot;data&quot;
          /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt; 
   &lt;/div&gt;
  &lt;/template&gt;
  
   &lt;script&gt;
   import { GChart } from 'vue-google-charts/legacy'
  
   export default {
   name: &quot;App&quot;,
   components: {
     GChart
   },
   created() {
     this.getSaleReport();
   },
   methods: {
      getSaleReport() {
       this.loading = true; //the loading begin
        axios.get('/api/sale/chart?api_token='+App.apiToken)
       .then(response =&gt; {
        console.log(response.data);
        this.series = response.data;
      this.qty = this.series.lenght-1;
    })
    .catch(function (error) {
      console.log(error);
    })
    .finally(() =&gt; {
      this.loading = false;
    });
    }
   },
   data() {
     return {
       posts: [],
      qty: 0,
      data: [
        ['Meds', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
        ['2004/05',  165,      938,         522,             998,           450,      100],
        ['2005/06',  135,      1120,        599,             1268,          288,      -6],
        ['2006/07',  157,      1167,        587,             807,           397,      -10],
        ['2007/08',  139,      1110,        615,             968,           215,      5],
        ['2008/09',  136,      691,         629,             1026,          366,      9]
      ],
      options: {
      title: 'Monthly Coffee Production by Country',
      vAxes: [{
          minValue: 1200,
          maxValue: 2500
      }, {
          minValue: 0,
          maxValue: 100
      }],
      hAxis: { title: 'Month' },
      seriesType: 'bars',
      series: {
          0: {
              type: &quot;line&quot;,
              targetAxisIndex: 1,
          },
          1: {
              type: &quot;line&quot;,
              targetAxisIndex: 1,
          },
          2: {
              type: &quot;line&quot;,
              targetAxisIndex: 1,
          },
          3: {
              type: &quot;line&quot;,
              targetAxisIndex: 1,
          },
          4: {
              type: &quot;line&quot;,
              targetAxisIndex: 1,
          },
          5: {
              type: &quot;line&quot;,
              targetAxisIndex: 1,
          }
      },
      width: '100%',
      height: 600,
    }
  }
  }
  }
  </code></pre>
     
  <p>How can I add dinamically the series? I tried with axios but I add the this.series that it contains response.data and it did not work so I wonder how can I do it?</p>
  <p>Thanks!</p>