charts - Google Visualization API を使用して単一のバーを描画する

Question

HTML テーブル セルに 0 と 1 の間の値を視覚的に表示する単純なバーを追加したいと考えています。Google Visualization API の Formatter オプションは DataTable でのみ使用でき、HTML テーブル セルに挿入することはできません。

単一の値に対して完全な棒グラフを作成し、それをセルに追加する必要がありますか? または、より良い解決策がありますか/

Answer 1

DataTable の適切な列でBarFormatterを使用します。テーブル ビジュアライゼーションを描画すると、その列のセルにバーが表示されます。

// use a BarFormatter on column 2 of the DataTable
var barFormatter = new google.visualization.BarFormat({base: 0, min: 0, max: 1});
barFormatter.format(data, 2);