AnnotatedTimeline

Craig

unread,

Sep 8, 2017, 8:51:07 PM9/8/17

to Google Visualization API

I'm using the annotatedtimeline api on a Windows 10 platform. It works as intended in IE, Edge, FF, Opera, and Chrome. However it does not come up in safari.

Any help is appreciated.

Craig

Daniel LaLiberte

unread,

Sep 8, 2017, 11:08:18 PM9/8/17

to Google Visualization API

Are you using the latest code? The old flash-based AnnotatedTimeline chart now actually uses the newer AnnotationChart, as documented here: https://developers.google.com/chart/interactive/docs/gallery/annotationchart

This works in Safari for me.

--
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 google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/95c8c936-740a-4cad-b025-61bba4c7b884%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte

dlaliberte@Google.com 5CC, Cambridge MA

Craig

unread,

Sep 9, 2017, 8:08:58 AM9/9/17

to Google Visualization API

Thanks for responding Daniel. That it is working for you is good news. I copied the code in the AnnotationChart reference you gave into an HTML file and executed it in the 6 browsers. Again, that code executed in all browsers except Safari which just presents a blank screen with a white background. My code follows. It works as intended in all of the mentioned browsers except Safari which presents a blank screen with a white background. I do have what I think is the latest version of Safari for Windows - 5.1.7.

<html>

<head>

google.charts.load('current', {'packages':['annotationchart']});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = new google.visualization.DataTable();

data.addColumn('date', 'Date');

data.addColumn('number', 'State');

data.addColumn('string', 'title1');

                       data.addColumn('string', 'text1');
                       data.addRows([                         [new Date(2003,6,1), 44.7, undefined, undefined],
                         [new Date(2004,0,15), 40.0,'Insurance For All','The Universal Coverage Act of 2003 is proposed.'],
                         [new Date(2004,6,1), 40.0, undefined, undefined],
                         [new Date(2005,6,1), 32.9, undefined, undefined],
                         [new Date(2006,2,1), 33.3,'Insurance Finally','The Universal Coverage Act of 2003 passes.'],
                         [new Date(2006,6,1), 33.3, undefined, undefined],
                         [new Date(2007,3,28), 33.1,'Funding Approved','The Universal Coverage Act funding is allocated.'],
                         [new Date(2007,6,1), 33.1, undefined, undefined],
                         [new Date(2008,6,1), 34.5, undefined, undefined],
                         [new Date(2009,6,1), 34.5, undefined, undefined],
                         [new Date(2009,8,15), 34.5,'Funding Begins','The Universal Coverage Act funding of 2003 begins.'],
                         [new Date(2010,6,1), 34.5, undefined, undefined],
                         [new Date(2011,6,1), 34.5, undefined, undefined],
                         [new Date(2012,6,1), 40.8, undefined, undefined],
                         [new Date(2013,6,1), 28.8, undefined, undefined],
                         [new Date(2014,6,1), 31.4, undefined, undefined],
                         [new Date(2015,6,1), 32.6, undefined, undefined],
                         [new Date(2016,6,1), 29.2, undefined, undefined],
                         [new Date(2017,6,1), 29.2, undefined, undefined]        ]);

var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));

chart.draw(data, {displayAnnotations: true, displayZoomButtons: false, allValuesSuffix: "'%", fill: 40, thickness: 1, colors:['#809FFF'], displayRangeSelector: false});

}

</script>

</head>

<body>

</body>

</html>

Craig

unread,

Sep 9, 2017, 11:17:23 AM9/9/17

to Google Visualization API

I use a VPN to get a cheap static IP for website visibility. I'm sure I get the encryption too, but I really don't need that. My application is open source and can be downloaded from my site. Do you think this VPN stuff could be out of bounds for Safari? I need to figure this out. This is the last hurdle in finishing a fairly substantial cross browser application.

On Friday, September 8, 2017 at 8:51:07 PM UTC-4, Craig wrote:

Daniel LaLiberte

unread,

Sep 9, 2017, 1:13:00 PM9/9/17

to Google Visualization API

I missed that you said you were using Safari on Windows 10. Apparently Apple stopped supporting that years ago, so I am not too surprised there might be problems. I have no way of testing it here. If you can open up the debugger and determine what the cause is, there is a chance we might find a workaround that you can apply, or even something we can change in the chart code.

--

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 google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/d672362c-21e7-4328-8fdc-6d294bdef84d%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

Reply all

Reply to author

Forward