Hi All,
I am using the Annotated timeline graph and i have set
the displayAnnotationsFilter to true. When ever i enter the value in the
filter i get the following error in the console.
"Uncaught TypeError: Object #<FY> has no method 'Ara'"
So i tried with following sample code and i get this issue again. Kindly
help me to sort this issue.
Sample script.
<html>
<head>
<script type='text/javascript'
src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages':['annotatedtimeline']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Sold Pencils');
data.addColumn('string', 'title1');
data.addColumn('string', 'text1');
data.addColumn('number', 'Sold Pens');
data.addColumn('string', 'title2');
data.addColumn('string', 'text2');
data.addRows([
[new Date(2008, 1 ,1), 30000, undefined, undefined, 40645,
undefined, undefined],
[new Date(2008, 1 ,2), 14045, undefined, undefined, 20374,
undefined, undefined],
[new Date(2008, 1 ,3), 55022, undefined, undefined, 50766,
undefined, undefined],
[new Date(2008, 1 ,4), 75284, undefined, undefined, 14334, 'Out
of Stock','Ran out of stock on pens at 4pm'],
[new Date(2008, 1 ,5), 41476, 'Bought Pens','Bought 200k pens',
66467, undefined, undefined],
[new Date(2008, 1 ,6), 33322, 'Bought Pen','Bought 200k pens',
66467, undefined, undefined],
[new Date(2008, 1 ,7), 75284, undefined, undefined, 14334, 'Out of
Stock','Ran out of stock on pens at 4pm'],
[new Date(2008, 1 ,8), 41476, 'Bought pencil','Bought 222k pens',
66467, undefined, undefined],
[new Date(2008, 1 ,9), 33322, 'Bought eraser','Bought 240k pens',
66467, undefined, undefined],
[new Date(2008, 1 ,10), 75284, undefined, undefined, 14334, 'Out of
Stock','Ran out of stock on pens at 4pm'],
[new Date(2008, 1 ,11), 41476, 'Bought Pens','Bought 200k pens',
66467, undefined, undefined],
[new Date(2008, 1 ,12), 33322, 'Bought scale','Bought 330k pens',
39463, undefined, undefined]
]);
var chart = new
google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
chart.draw(data, {displayAnnotations: true,
displayAnnotationsFilter:true});
}
</script>
</head>
<body>
// Note how you must specify the size of the container element
explicitly!
<div id='chart_div' style='width: 700px; height: 240px;'></div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
