title: google-visualization Table has no columns
body: <p>I try to integrate google-visualization in my Vuejs project. But it's complaining about no columns in the datatable.
  Serverside i have the following code:</p>
  <pre><code>DataTable data = new DataTable();
      ArrayList&lt;ColumnDescription&gt; cd = new ArrayList&lt;ColumnDescription&gt;();
      cd.add(new ColumnDescription(&quot;name&quot;, ValueType.TEXT, &quot;Name&quot;));
      cd.add(new ColumnDescription(&quot;hours&quot;, ValueType.NUMBER, &quot;Hours&quot;));
  
      data.addColumns(cd);;
  
      // Fill the data table.
      try {
          data.addRowFromValues(&quot;cch&quot;, 100);
          data.addRowFromValues(&quot;nbu&quot;, 50);
      } catch (TypeMismatchException e) {
          System.out.println(&quot;Invalid type!&quot;);
      }
  
      Gson gson = new Gson();
  
      return gson.toJson(data);
  </code></pre>
  <p>On the UI the following:</p>
  <pre><code>statisticsData () {
    this.loading = true
    axios.get(
      // 'https://personservice-test-2fthj.ondigitalocean.app/download/file/customer',
      'http://localhost:8080/statistics/data/salary/',
      { headers: { jwt: `${this.$store.getters.token}` } } // !!!
    ).then((response) =&gt; {
      this.chartData = response.data
    }).catch(error =&gt; alert(error))
  }
  </code></pre>
  <p>},</p>
  <p>The resulting JSON looks:</p>
  <pre><code>    {&quot;columns&quot;: [
                   {&quot;id&quot;:&quot;name&quot;,&quot;type&quot;:&quot;TEXT&quot;,&quot;label&quot;:&quot;Name&quot;,&quot;pattern&quot;:&quot;&quot;},
                   {&quot;id&quot;:&quot;hours&quot;,&quot;type&quot;:&quot;NUMBER&quot;,&quot;label&quot;:&quot;Hours&quot;,&quot;pattern&quot;:&quot;&quot;}],
       &quot;columnIndexById&quot;:{&quot;hours&quot;:1,&quot;name&quot;:0},
       &quot;rows&quot;:[
               {&quot;cells&quot;:[
                        {&quot;value&quot;:{&quot;value&quot;:&quot;cch&quot;}},
                        {&quot;value&quot;:{&quot;value&quot;:100.0}}]},
               {&quot;cells&quot;:[
                        {&quot;value&quot;:{&quot;value&quot;:&quot;nbu&quot;}},
                        {&quot;value&quot;:{&quot;value&quot;:50.0}}]}],
       &quot;warnings&quot;:[]}
  </code></pre>
  <p>Thanks for the help</p>