I am trying to use a google chart script to display an interactive chart. I installed the acf code area plugin but I am still having difficulty as (ı think) the plug-in is appending some <script> tag before/after the snippet I am pasting.
Does anyone have an idea how to resolve this one? The script I am trying to get working is below:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js">
{"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0ApgJZsyOJSD8dG91c05OWjBkdnlLaXh1X2lraXNyeFE&transpose=0&headers=1&range=A3%3AM22&gid=12&pub=1","options":{"titleTextStyle":{"bold":true,"color":"#000","fontSize":16},"legendTextStyle":{"color":"#222","fontSize":"9"},"animation":{"duration":0},"width":758,"hAxis":{"useFormatFromData":true,"title":"","minValue":null,"viewWindowMode":null,"textStyle":{"color":"#222","fontSize":"8"},"viewWindow":null,"maxValue":null},"vAxes":[{"useFormatFromData":true,"title":"","minValue":null,"logScale":false,"viewWindow":{"min":null,"max":null},"maxValue":null},{"useFormatFromData":true,"minValue":null,"logScale":false,"viewWindow":{"min":null,"max":null},"maxValue":null}],"chartArea":{"height":"","width":"","left":"","top":""},"title":"Ayl\u0131k Bazda Sat\u0131\u015f Adetleri","booleanRole":"certainty","height":362,"legend":"right","focusTarget":"category","useFirstColumnAsDomain":true,"tooltip":{},"isStacked":true},"state":{},"view":{"columns":[{"calc":"stringify","type":"string","sourceColumn":0},1,2,3,4,5,6,7,8,9,10,11,12]},"isDefaultVisualization":true,"chartType":"ColumnChart","chartName":"Grafik 36"}
</script>
