我在Google Chart工具中使用以下数据格式和面积图表?

时间:2012-10-27 22:11:05

标签: google-visualization

我一直在使用Area Chart作为我的一个项目。我希望区域图表显示完整的网格线,并且发现它只会显示主轴上是否有数字或日期数据。好吧,我想要一年的主轴。但是把年份作为数字,用数字格式显示。像这样...... 2005年显示2005.00。

我通过浏览文档发现数据可以这种格式传递 - {v:2005,f:'2005'}。但是当我使用google.visualization.arrayToDataTable()传递此格式的值时,这不起作用。

我试图传递的json数据的格式是这样的 -

[["Years", "sales"],[{v:2005, f:'2005'}, 52450],[{v:2006, f:'2006'}, 63457]]

但图表不会出现...... :(

1 个答案:

答案 0 :(得分:0)

如果你想使用{v:2005,f:'2005'}技巧,你不能使用ArrayToDataTable,你需要以不同的方式定义DataTable。您可以看到类似的问题here

无法使用DataTable:

var data = google.visualization.arrayToDataTable([
['Category', 'Amount'],
['Food', {v:5595.819984, f:'5.595,82'}], 
['Home', {v:1890.530002, f:'1.890,53'}], 
['Mail', {v:8.380000, f:'8,38'}], 
['Train', {v:564.899998, f:'564,90'}], 
['Photo', {v:959.119995, f:'959,12'}], 
['Lego', {v:428.760004, f:'428,76'}], 

工作资料表:

var data = google.visualization.DataTable();
data.addColumn('string', 'Category');
data.addColumn('number', 'Amount');
data.addRows([
['Food', {v:5595.819984, f:'5.595,82'}], 
['Home', {v:1890.530002, f:'1.890,53'}], 
['Mail', {v:8.380000, f:'8,38'}], 
['Train', {v:564.899998, f:'564,90'}], 
['Photo', {v:959.119995, f:'959,12'}], 
['Lego', {v:428.760004, f:'428,76'}],
]);