diff --git a/README.md b/README.md
index 7163398..11e1072 100644
--- a/README.md
+++ b/README.md
@@ -152,16 +152,16 @@ And then in the template:
 
 In this example we are planning to use Google chart, as is evident from the import statement in the view, we import gchart.LineChart. So we must also include the google chart javascript in our template.
 
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
-        google.load("visualization", "1", {packages:["corechart"]});
+      google.charts.load('current', {packages: ['corechart']});
     </script>
 
 So the template would look like
 
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
-        google.load("visualization", "1", {packages:["corechart"]});
+      google.charts.load('current', {packages: ['corechart']});
     </script>
 
     {{ chart.as_html }}
@@ -320,9 +320,9 @@ Most of the chart providers support LineChart, BarChart, ColumnChart and PieChar
 
 ##### Template
 
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
-        google.load("visualization", "1", {packages:["corechart"]});
+      google.charts.load('current', {packages: ['corechart']});
     </script>
 
     {{ chart.as_html }}
@@ -384,9 +384,9 @@ Most of the chart providers support LineChart, BarChart, ColumnChart and PieChar
 
 ##### Template
 
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
-        google.load("visualization", "1", {packages:["corechart"]});
+      google.charts.load('current', {packages: ['corechart']});
     </script>
     {{ chart.as_html }}
 
diff --git a/graphos/templates/graphos/gchart/base.html b/graphos/templates/graphos/gchart/base.html
index 933e185..74434ca 100644
--- a/graphos/templates/graphos/gchart/base.html
+++ b/graphos/templates/graphos/gchart/base.html
@@ -1,6 +1,11 @@
 
 <script type="text/javascript">
-  google.setOnLoadCallback(drawChart{{ chart.get_html_id }});
+  if (typeof google.setOnLoadCallback !== 'undefined') {
+    google.setOnLoadCallback(drawChart{{ chart.get_html_id }});
+    console.warn("This version of Google Charts loaded via the jsapi loader is no longer being updated. Please use the new gstatic loader (https://developers.google.com/chart/interactive/docs/basic_load_libs#update-library-loader-code).")
+  } else {
+    google.charts.setOnLoadCallback(drawChart{{ chart.get_html_id }});
+  }
   function drawChart{{ chart.get_html_id }}() {
     {% block chart_specific_arraytodatatable %}
       var data = google.visualization.arrayToDataTable({{ chart.get_data_json|safe }});