dropdown charts

by canvasjs

HTML

<select class="dropdown" id="dd">
  <option value="" selected="selected">Select: Sanitary area by</option>
  <option value="Centres">Total number of centres</option>
  <option value="By health centres">Health centres only</option>
  <option value="By doctor's office">Doctor's offices only</option>
  <option value="Ratio: population/centre">Ratio: population/centre</option>
</select>
<div id="chartContainer1" style="height: 360px; width: 100%;"></div>


<select class="dropdown" id="second">
  <option value="" selected="selected">Select: Sanitary area by</option>
  <option value="PeopleGP16">Ratio: population/GP</option>
  <option value="PeopleNurse16">Ratio: population/Nurse</option>
</select>
<div id="chartContainer2" style="height: 360px; width: 100%;"></div>



<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

JavaScript

var jsonData1 = {
	"Centres":[
		{y: 60, label: "A.G.S. NORTE DE HUELVA"},
		{y: 37, label: "A.G.S. CAMPO DE GIBRALTAR"},
		{y: 31, label: "A.G.S. DE OSUNA"},
		{y: 45, label: "A.G.S. ESTE DE MALAGA-AXARQUIA"},
		{y: 84, label: "A.G.S. NORDESTE DE GRANADA"},
		{y: 72, label: "A.G.S. NORTE DE ALMERIA"},
		{y: 59, label:"A.G.S. NORTE DE CADIZ"},
		{y: 43, label:"A.G.S. NORTE DE CORDOBA"},
		{y: 126, label: "A.G.S. NORTE DE JAEN"},
		{y: 30, label: "A.G.S. NORTE DE MALAGA"},
		{y: 29, label: "A.G.S. SERRANIA DE MALAGA"},
		{y: 46, label: "A.G.S. SUR DE CORDOBA"},
		{y: 80, label: "A.G.S. SUR DE GRANADA"},
		{y: 36, label: "A.G.S. SUR DE SEVILLA"},
		{y: 40, label:"ALJARAFE"},
		{y: 110, label:"ALMERIA"},
		{y: 35, label: "BAHIA DE CADIZ - LA JANDA"},
		{y: 23, label: "CONDADO - CAMPIÑA"},
		{y: 23, label:"CORDOBA"},
		{y: 24, label:"COSTA DEL SOL"},
		{y: 24, label:"GRANADA"},
		{y: 31, label:"GUADALQUIVIR"},
		{y: 37, label:"HUELVA COSTA"},
		{y: 38, label:"JAEN"},
		{y: 31, label:"JAEN SUR"},
		{y: 37, label:"MALAGA"},
		{y: 142, label:"METROPOLITANO DE GRANADA"},
		{y: 45, label:"PONIENTE DE ALMERIA"},
		{y: 36, label:"SEVILLA"},
		{y: 48, label:"SEVILLA NORTE"},
		{y: 15, label:"VALLE DEL GUADALHORCE"}
	],

	"By health centres":[
		{y: 6, label: "A.G.S. NORTE DE HUELVA"},
		{y: 11, label: "A.G.S. CAMPO DE GIBRALTAR"},
		{y: 8, label: "A.G.S. DE OSUNA"},
		{y: 9, label: "A.G.S. ESTE DE MALAGA-AXARQUIA"},
		{y: 7, label: "A.G.S. NORDESTE DE GRANADA"},
		{y: 7, label: "A.G.S. NORTE DE ALMERIA"},
		{y: 20, label:"A.G.S. NORTE DE CADIZ"},
		{y: 4, label:"A.G.S. NORTE DE CORDOBA"},
		{y: 22, label: "A.G.S. NORTE DE JAEN"},
		{y: 5, label: "A.G.S. NORTE DE MALAGA"},
		{y: 4, label: "A.G.S. SERRANIA DE MALAGA"},
		{y: 15, label: "A.G.S. SUR DE CORDOBA"},
		{y: 9, label: "A.G.S. SUR DE GRANADA"},
		{y: 21, label: "A.G.S. SUR DE SEVILLA"},
		{y: 11, label:"ALJARAFE"},
		{y: 20, label:"ALMERIA"},
		{y: 23, label: "BAHIA DE CADIZ - LA JANDA"},
		{y: 8, label: "CONDADO -...