AmCharts Example

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/gauge.js"></script>
<select id="combo">
  <option value="0">Q1</option>
  <option value="1">Q2</option>
  <option value="2">Q3</option>
  <option value="3">Q4</option>
</select>

<div id="firstChart">
</div>

<div id="secondChart">
</div>

<div id="thirdChart">
</div>

<div id="fourthChart">
</div>

CSS

#firstChart {
  width: 100%;
  height: 300px;
}

#secondChart,
#thirdChart,
#fourthChart {
  width: 300px;
  height: 300px;
}

JavaScript

var firstData = [JSON.parse('{"labels":["Geography","Support","License"],"rows":[{"Geography":"Washington","GeographyFormatted":"Washington","Support":40,"SupportFormatted":"40","alpha0":0.2,"showLabel":true,"License":24,"LicenseFormatted":"24","alpha1":0.2},{"Geography":"Beijing","GeographyFormatted":"Beijing","Support":26,"SupportFormatted":"26","alpha0":0.2,"showLabel":true,"License":22,"LicenseFormatted":"22","alpha1":0.2},{"Geography":"New Delhi","GeographyFormatted":"New Delhi","Support":15,"SupportFormatted":"15","alpha0":0.2,"showLabel":true,"License":10,"LicenseFormatted":"10","alpha1":0.2},{"Geography":"Berlin","GeographyFormatted":"Berlin","Support":12,"SupportFormatted":"12","alpha0":0.2,"showLabel":true,"License":7,"LicenseFormatted":"7","alpha1":0.2},{"Geography":"Tokyo","GeographyFormatted":"Tokyo","Support":13,"SupportFormatted":"13","alpha0":0.2,"showLabel":true,"License":14,"LicenseFormatted":"14","alpha1":0.2},{"Geography":"Paris","GeographyFormatted":"Paris","Support":9,"SupportFormatted":"9","alpha0":0.2,"showLabel":true,"License":14,"LicenseFormatted":"14","alpha1":0.2},{"Geography":"Madrid","GeographyFormatted":"Madrid","Support":12,"SupportFormatted":"12","alpha0":0.2,"showLabel":true,"License":3,"LicenseFormatted":"3","alpha1":0.2},{"Geography":"London","GeographyFormatted":"London","Support":4,"SupportFormatted":"4","alpha0":0.2,"showLabel":true,"License":14,"LicenseFormatted":"14","alpha1":0.2},{"Geography":"Moscow","GeographyFormatted":"Moscow","Support":8,"SupportFormatted":"8","alpha0":0.2,"showLabel":true,"License":14,"LicenseFormatted":"14","alpha1":0.2},{"Geography":"Rome","GeographyFormatted":"Rome","Support":6,"SupportFormatted":"6","alpha0":0.2,"showLabel":true,"License":11,"LicenseFormatted":"11","alpha1":0.2}],"min":3,"max":40}'),
 ...