Hi Pilar
For the white line i worked out and got this...
Hope its useful...try this and lemme knw,....
<html>
<title> Welcome all !!! </title>
<head>
<meta http-equiv="Refresh" content="10;URL="/>
<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', 'Sniper');
data.addColumn('string', 'title1');
data.addColumn('string', 'text1');
data.addColumn('number', 'Critical');
data.addColumn('string', 'title2');
data.addColumn('string', 'text2');
data.addColumn('number', 'Top 10');
data.addColumn('string', 'title3');
data.addColumn('string', 'text3');
data.addRows(6);
data.setValue(0, 0, new Date(2009, 1 ,1));
data.setValue(0, 1, 30000);
data.setValue(0, 4, 4645);
data.setValue(0, 7, 12345);
data.setValue(1, 0, new Date(2009, 1 ,2));
data.setValue(1, 1, 14045);
data.setValue(1, 4, 2374);
data.setValue(1, 7, 44444);
data.setValue(2, 0, new Date(2009, 1 ,3));
data.setValue(2, 1, 55022);
data.setValue(2, 4, 5766);
data.setValue(2, 7, 76545);
data.setValue(3, 0, new Date(2009, 1 ,4));
data.setValue(3, 1, 75284);
data.setValue(3, 4, 1334);
data.setValue(3, 5, 'Out of Scope');
data.setValue(3, 6, 'Variable out of scope');
data.setValue(3, 7, 16345);
data.setValue(4, 0, new Date(2009, 1 ,5));
data.setValue(4, 1, 41476);
data.setValue(4, 2, 'Nuke Status');
data.setValue(4, 3, 'Nuked Successfully');
data.setValue(4, 4, 6467);
data.setValue(4, 7, 41345);
data.setValue(5, 0, new Date(2009, 1 ,6));
data.setValue(5, 1, 33322);
data.setValue(5, 4, 3463);
data.setValue(5, 7, 33665);
var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
document.getElementById('chart_div'));
annotatedtimeline.draw(data, {
'colors': ['white', 'red', '#0000bb'], //
The colors to be used :) Pilar u can specify white here....
'displayAnnotations': true,
'displayZoomButtons': true, // DO not
display the zoom buttons
'fill': 30, // Fill the area below the lines
with 20% opacity
'legendPosition': 'newRow', // Can be
sameRow
//'max': 100000, // Override the automatic
default
//'min': 100000, // Override the automatic
default
'scaleColumns': [0, 1], // Have two scales,
by the first and second lines
'scaleType': 'allfixed', // See docs...
'thickness': 2, // Make the lines thicker
'zoomStartTime': new Date(2009, 1 ,2),
//NOTE: month 1 = Feb (javascript to blame)
'zoomEndTime': new Date(2009, 1 ,5) //NOTE:
month 1 = Feb (javascript to blame)
});
}
</script>
</head>
<body>
<h3 style='text-align:center; color:olive; font-family: sans-serif;
font-style: oblique; text-decoration: underline'>Welcome to SWAT
Dashboard</h3><br>
<div id='chart_div' style='padding-left:150px; text-align: center; width:
1000px; height: 600px; '></div>
</body>
</html>
On Mon, Apr 26, 2010 at 8:04 PM, Viz Kid <[email protected]> wrote:
>
> Hi.
>
> This is currently not supported.
>
> Best,
> Viz Kid
>
>
> On Fri, Apr 23, 2010 at 8:06 PM, Pilar21 <[email protected]> wrote:
>
>> Dear Divya, hi.
>>
>> There are some news about this? really wold like use this chart on my
>> aplication but i need show only the points. would It possible put a
>> new attribute related with the line color to define white line?
>>
>> Thank you
>>
>>
>> On Apr 15, 12:08 am, Divya Prakash <[email protected]> wrote:
>> > Hmmm,.....
>> >
>> > Hi I am also working on that....Let me check and get back to u ...
>> >
>> >
>> >
>> > On Thu, Apr 15, 2010 at 12:38 AM, Pilar21 <[email protected]>
>> wrote:
>> > > hi, i want to use the "Annotated Time Line" interactive Chart, but I
>> > > wonder if it is possible the graph does not show lines (like a points
>> > > graphic)? Is it possible
>> > > to display only the data points?
>> >
>> > > Thank you
>> >
>> > > --
>> > > You received this message because you are subscribed to the Google
>> Groups
>> > > "Google Visualization API" group.
>> > > To post to this group, send email to
>> > > [email protected].
>> > > To unsubscribe from this group, send email to
>> > > [email protected]<google-visualization-api%[email protected]>
>> <google-visualization-api%[email protected]<google-visualization-api%[email protected]>
>> >
>> > > .
>> > > For more options, visit this group at
>> > >http://groups.google.com/group/google-visualization-api?hl=en.
>> >
>> > --
>> > Yours sincerely
>> > Divya Prakash :)
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Google Visualization API" group.
>> To post to this group, send email to
>> [email protected].
>> To unsubscribe from this group, send email to
>> [email protected]<google-visualization-api%[email protected]>
>> .
>> For more options, visit this group at
>> http://groups.google.com/group/google-visualization-api?hl=en.
>>
>>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Visualization API" group.
> To post to this group, send email to
> [email protected].
> To unsubscribe from this group, send email to
> [email protected]<google-visualization-api%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/google-visualization-api?hl=en.
>
--
Yours sincerely
Divya Prakash :)
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
