【发布时间】：2013-11-21 13:32:51
【问题描述】：
我有一个谷歌图表，当我将鼠标悬停在图例标签上时，一直显示无法读取 null 的属性“x”，我不知道为什么。
所有数据都是来自 ajax get 的 json 格式，并且是有效的 json，其中没有空值。
代码是这样的：
var dt = new google.visualization.DataTable(data[4]);
var options = {
vAxes: { 0: { logScale: false, title: 'Cash' } },
xAxes: { 0: { logScale: false, title: 'Months' } }
};
var chart = new google.visualization.LineChart(document.getElementById("chart_fullsite_cash")); chart.draw(dt, options);
而data[4]中的json是这样的：
{
"cols":[
{
"type":"date",
"id":"Month",
"label":"Month"
},
{
"type":"number",
"id":"1",
"label":"label1"
},
{
"type":"number",
"id":"2",
"label":"label2"
},
{
"type":"number",
"id":"3",
"label":"label3"
},
{
"type":"number",
"id":"4",
"label":"label4"
},
{
"type":"number",
"id":"5",
"label":"label5"
},
{
"type":"number",
"id":"6",
"label":"label6"
}
],
"rows":[
{
"c":[
{
"v":"Date(2012, 7, 31)",
"f":"Aug 2012"
},
{
"v":3937.78,
"f":"$3,937.78"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 7, 31)",
"f":"Aug 2012"
},
{
"v":0
},
{
"v":348800,
"f":"$348,800.00"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 7, 31)",
"f":"Aug 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":4085.71,
"f":"$4,085.71"
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 7, 31)",
"f":"Aug 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":2332.41,
"f":"$2,332.41"
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 8, 30)",
"f":"Sep 2012"
},
{
"v":32796.06,
"f":"$32,796.06"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 8, 30)",
"f":"Sep 2012"
},
{
"v":0
},
{
"v":1432204.38,
"f":"$1,432,204.38"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 8, 30)",
"f":"Sep 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":30211.84,
"f":"$30,211.84"
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 8, 30)",
"f":"Sep 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":26478.86,
"f":"$26,478.86"
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 9, 31)",
"f":"Oct 2012"
},
{
"v":34074.92,
"f":"$34,074.92"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 9, 31)",
"f":"Oct 2012"
},
{
"v":0
},
{
"v":1589939.79,
"f":"$1,589,939.79"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 9, 31)",
"f":"Oct 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":52323.63,
"f":"$52,323.63"
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 9, 31)",
"f":"Oct 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":33100.46,
"f":"$33,100.46"
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 10, 30)",
"f":"Nov 2012"
},
{
"v":13243.12,
"f":"$13,243.12"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 10, 30)",
"f":"Nov 2012"
},
{
"v":0
},
{
"v":451904.1,
"f":"$451,904.10"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 10, 30)",
"f":"Nov 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":7315,
"f":"$7,315.00"
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 10, 30)",
"f":"Nov 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":11641.52,
"f":"$11,641.52"
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2012, 10, 30)",
"f":"Nov 2012"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0,
"f":"$0.00"
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2013, 2, 31)",
"f":"Mar 2013"
},
{
"v":0
},
{
"v":236,
"f":"$236.00"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2013, 9, 31)",
"f":"Oct 2013"
},
{
"v":0
},
{
"v":1010,
"f":"$1,010.00"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
}
]
},
{
"c":[
{
"v":"Date(2013, 10, 30)",
"f":"Nov 2013"
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":0
},
{
"v":21216.01,
"f":"$21,216.01"
}
]
}
]
}
我不知道发生了什么..如果我将日期列更改为字符串类型，那么它工作正常，但图形从根本上改变了它的形状。
【问题讨论】：
-
好吧，你发现了一个错误（我已经提交了）。我们认为这是由您的数据中重复的日期条目引起的。你能告诉我更多关于你的数据吗？也许我们可以对数据进行一些处理，所以这不是问题。
-
更多是什么意思？...图形必须显示在横轴日期和纵轴现金金额。每列一行（在日期列之后）。我认为这是因为重复的日期确实是一个错误。
标签： javascript json charts google-visualization