2015年8月10日月曜日

GoogleのChart APIでNumberFormat

GoogleのChart APIでNumberFormatです。DataTableg型のデータであれば、formatterが利用できるらしい(?)。

var data = new google.visualization.DataTable();
data.addColumn('string', 'Department');
data.addColumn('number', 'Revenues');
data.addRows([
  ['Shoes', 10700],
  ['Sports', -15400],
  ['Toys', 12500],
  ['Electronics', -2100],
  ['Food', 22600],
  ['Art', 1100]
]);

var table = new google.visualization.Table(document.getElementById('numberformat_div'));

// 2番目の数字にNumberFormatを適用、円マーク「¥」を先頭につけて、負の数の場合は、フォントを赤に、そして、3桁毎に区切りの「,」を追加
var formatter = new google.visualization.NumberFormat(
    {prefix: '¥', negativeColor: 'red', negativeParens: true, pattern: '#,###'});
formatter.format(data, 1); 

table.draw(data, {allowHtml: true, showRowNumber: true, width: '100%', height: '100%'});

参考サイト
Google Chart Tools - 表とデータの扱い(プログラマーズ雑記帳さん)
Google Chart Number formatting(Stack Overflow)

0 件のコメント:

コメントを投稿