Google Charts ArrowFormatに矢印が表示されない

Question

ArrowFormatを使用するかなりシンプルなコードがありますが、矢印は表示されません。誰がここに何が間違っているのアイデアを持っていますか？私は、名前と数字が表示されたデータテーブルを画面に表示しますが、矢印は表示されません。私はBarFormat（）を使用して同じ問題を抱えています - バーはありません。

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

は、'current'バージョンの問題である必要があります。

フリーズ・バージョンを使用して'45'は正常に動作するように見えますが、BarFormatも同様です。

次の例を参照してください...

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>