以编程方式格式化Google图表 [英] Formatting google charts programmatically
本文介绍了以编程方式格式化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屋!
查看全文