Google Charts ArrowFormat zeigt keine Pfeile

Question

Ich habe einen ziemlich einfachen Code, der ein ArrowFormat verwendet, aber die Pfeile werden einfach nicht angezeigt. Hat jemand eine Vorstellung davon, was hier falsch ist? Ich bekomme die Datentabelle auf dem Bildschirm mit den Namen und Zahlen, aber keine Pfeile. Ich habe das gleiche Problem mit einem BarFormat() - keine Balken.

var rawArray = [ 
    ['Aardvarks', 12], 
    ['Badgers', 16], 
    ['Cougars', -22], 
    ['Donkeys', 76], 
    ['Elephants', 2] 
]; 

var data = google.visualization.arrayToDataTable(rawArray, true); 

var formatter = new google.visualization.ArrowFormat(); 
formatter.format(data, 1); 

var options = { 
    width: 300, 
    showRowNumber: false, 
    allowHtml: true 
}; 

var chart = new google.visualization.Table(document.getElementById('divChart')); 
chart.draw(data, options); 

Answer 1

muss ein Problem mit der 'current' Version.

mit gefrorenen Version '45' scheint gut zu funktionieren, mit BarFormat auch.

siehe folgendes Beispiel ...

google.charts.load('45', { 
 
    callback: function() { 
 
    var rawArray = [ 
 
     ['Aardvarks', 12], 
 
     ['Badgers', 16], 
 
     ['Cougars', -22], 
 
     ['Donkeys', 76], 
 
     ['Elephants', 2] 
 
    ]; 
 

 
    var data = google.visualization.arrayToDataTable(rawArray, true); 
 

 
    var formatter = new google.visualization.ArrowFormat(); 
 
    formatter.format(data, 1); 
 

 
    var options = { 
 
     width: 300, 
 
     showRowNumber: false, 
 
     allowHtml: true 
 
    }; 
 

 
    var chart = new google.visualization.Table(document.getElementById('divChart')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages:['table'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="divChart"></div>