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也是如此。

参见以下示例......

＆＃13;

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']
});

＆＃13;

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

＆＃13;

Google Charts ArrowFormat未显示任何箭头

1 个答案: