Skip to content

Instantly share code, notes, and snippets.

@nazt

nazt/google-charts-gsp

Created October 10, 2009 06:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nazt/206671 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nazt/206671 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
google-charts-gsp
<html>
<head>
<title>Google Chart API plugin</title>
<meta name="layout" content="main" />
</head>
<body>
<%
def labels = ['First','Second','Third']
def colors = ['FF0000','00ff00','0000ff']
def values = [35,45,10]
def values2 = [[35,45,10],[3,987,2]]
def values5 = [[0,16.7,23.3,33.3,60,76.7,83.3,86.7,93.3,96.7,100],[30,45,20,50,15,80,60,70,40,55,80],[0,10,16.7,26.7,33.3],[50,10,30,55,60]]
def values3 = [97,12,454,12,5,32,78,4,99,89,98,77,7,77]
def values4 = [[97,12,454,12,5,32,78,4,99,89,98,77,7,77],[1,6,42,15,78,94,26,45,12,10,21,22,33,33]]
def values6 = [[-500,30,700,253],[2,-5,3,6]]
%>
<h2>Simple Data Examples</h2>
<g:lineChart title='Sample Line Chart' titleAttrs="${['440000',30]}" colors="${colors}"
axes="x,y" gridLines="10,10,1,0" type='xy' lineStyles="${[[3,6,3],[6,3,6],[6,6,7]]}" legend="${labels}" axesLabels="${[0:['Jan','Feb','Mar'],1:[0,10,30,50]]}" fill="${'bg,s,efefef'}" dataType='text' data='${values5}' />
<g:barChart title='Sample Bar Chart' size="${[200,200]}" colors="FF0000|00ff00|0000ff" type="bvs"
labels="${labels}" zeroLine="${'0.5'}" axes="x,y" axesLabels="${[0:['Jan','Feb','Mar'],1:[0,10,30,50]]}" fill="${'bg,s,efefef'}" dataType='simple' data='${values}' />
<g:pieChart title='Sample Pie Chart' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='simple' data='${values}' />
<g:vennDiagram title='Sample Venn Diagram' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='simple' data='${values}' />
<g:map mapArea="africa" colors="${['ffffff','edf0d4','13390a']}" data="${[4,23,56]}" countries="${['MG','KE','TN']}" />
<g:qr labels='Hello World!' size='${[200,200]}' />
<h2>Text Data Examples</h2>
<g:lineChart title='Sample Line Chart' colors="${colors}"
axes="x,y" type='lc' shapeRangeFill="${[['c','FF0000',0,1.0,20.0],['a','990066',0,3.0,9.0],['R','220066',0,0.0,0.5]]}" axesLabels="${[0:['Jan','Feb','Mar','Apr','May','Jun']]}" fill="${'bg,s,efefef'}" dataType='text' data='${values3}' />
<g:lineChart title='Sample SparkLine Chart' colors="${colors}"
type='ls' fill="${'bg,s,efefef'}" dataType='text' data='${values3}' />
<g:barChart title='Sample Bar Chart' size="${[400,200]}" colors="${colors}" type="bvs"
labels="${labels}" axes="x,y" axesLabels="${[0:['Jan','Feb','Mar','Apr','May','Jun','Jul']]}" fill="${'bg,s,efefef'}" dataType='text' data='${values3}' />
<g:pieChart title='Sample Pie Chart' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='text' data='${values3}' />
<g:vennDiagram title='Sample Venn Diagram' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='text' data='${values3}' />
<g:scatterPlot title='Sample ScatterPlot' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='text' data='${values4}' />
<g:scatterPlot title='Negative ScatterPlot' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='text' data='${values6}'
scale="${[-500,1000,-5,6]}" />
<g:gmeter title='Sample Google-o-meter' labels='${["Hello"]}' dataType='text' data='${[70]}' />
<g:radar title='Sample Radar Chart' colors="${colors}"
axes="x,y" axesLabels="${[0:['Jan','Feb','Mar','Apr','May','Jun']]}" fill="${'bg,s,efefef'}" dataType='text' data='${values3}' />
<h2>Extended Data Examples</h2>
<g:lineChart title='Sample Line Chart' colors="${colors}"
axes="x,y" type='lc' axesLabels="${[0:['Jan','Feb','Mar','Apr','May','Jun']]}" fill="${'bg,s,efefef'}" dataType='extended' data='${values3}' />
<g:barChart title='Sample Bar Chart' size="${[400,200]}" colors="${colors}" type="bvs"
labels="${labels}" axes="x,y" axesLabels="${[0:['Jan','Feb','Mar','Apr','May','Jun','Jul']]}" fill="${'bg,s,efefef'}" dataType='extended' data='${values3}' />
<g:pieChart title='Sample Pie Chart' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='extended' data='${values3}' />
<g:vennDiagram title='Sample Venn Diagram' colors="${colors}"
labels="${labels}" fill="${'bg,s,efefef'}" dataType='extended' data='${values3}' />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment