以编程方式格式化Google图表 [英] Formatting google charts programmatically

查看:122
本文介绍了以编程方式格式化Google图表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

使用以下代码如何设置格式,使CurrencyValue1和CurrencyValue2在图表中以美元(作为货币值)显示?

  function drawChart(){
var data = new google.visualization.DataTable();
data.addColumn('date','Date');
data.addColumn('number','CurrencyValue1');
data.addColumn('number','CurrencyValue2');

data.addRows(1);
data.setValue(0,0,new Date(2011,8,12));
data.setValue(0,1,300.0000);
data.setValue(0,2,759.1707);

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

chart.draw(data,{width:660,height:470,title:'Heading',is3D:true,backgroundColor:'#f5f3e5'});
}


解决方案

请参阅文档: http://code.google.com/intl/cs-CZ/apis /chart/interactive/docs/reference.html#numberformatter

  var data = new google.visualization.DataTable( ); 
data.addColumn('date','Date');
data.addColumn('number','CurrencyValue1');
data.addColumn('number','CurrencyValue2');

var formatter = new google.visualization.NumberFormat(
{prefix:'$',negativeColor:'red',negativeParens:true});
formatter.format(data,1);
formatter.format(data,2);

这将格式化第二列和第三列,就像货币(前面加上$ 15.00这样的美元符号) p>

Using the following code how can I set the formatting so that CurrencyValue1 and CurrencyValue2 is shown with a dollar (as a currency value) in the chart?

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'CurrencyValue1');
    data.addColumn('number', 'CurrencyValue2');

    data.addRows(1);
    data.setValue(0, 0, new Date(2011, 8, 12));
    data.setValue(0, 1, 300.0000);
    data.setValue(0, 2, 759.1707);

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

    chart.draw(data, { width: 660, height: 470, title: 'Heading', is3D: true, backgroundColor: '#f5f3e5' });
}

解决方案

see documentation: http://code.google.com/intl/cs-CZ/apis/chart/interactive/docs/reference.html#numberformatter

var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'CurrencyValue1');
data.addColumn('number', 'CurrencyValue2');

var formatter = new google.visualization.NumberFormat(
      {prefix: '$', negativeColor: 'red', negativeParens: true});
formatter.format(data, 1);
formatter.format(data, 2);

This will format columns two and three like money (prefixed with dollar sign like "$15.00")

这篇关于以编程方式格式化Google图表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆