document.addEventListener("DOMContentLoaded", function() {
	var options = {
		chart: {
			height: 350,
			type: "bar",
			zoom: {
				enabled: false
			},
			toolbar: {
				show: false
			},
			events: {
			  mounted: function(chartContext, config) {
				setTimeout(() => {  document.getElementsByClassName("apexcharts-subtitle-text")[0].addEventListener('click', clickDiv); }, 1000);
			  }
			}
							,stacked: true
					},
		title: {
			text: "Educational Attainment (Historical)",
			align: 'left',
			margin: 0,
			offsetX: 0,
			offsetY: 0,
			floating: false,
			style: {
			  fontSize:  '14px',
			  fontWeight:  'bold',
			  fontFamily:  undefined,
			  color:  '#263238'
			}
		},
		subtitle: {
			  text: '© govstats.us',
			  align: 'right',
			  margin: 0,
			  offsetX: 0,
			  offsetY: 45, // 295
			  floating: true,
			  style: {
				fontSize:  '11px',
				fontWeight:  'normal',
				fontFamily:  undefined,
				color:  '#AAA',
				background: '#FFF'
			  },
		  },
		series: [{
  name: 'EL 0-4yrs',
  data: [8004, 7826, 5124, 4119, 3449, 2902, 2484, 2203]
}, {
  name: 'EL 5-8yrs',
  data: [30274, 28438, 22503, 17232, 11989, 9668, 7800, 5732]
}, {
  name: 'HS 1-3yrs',
  data: [15228, 17751, 18855, 18006, 17672, 16378, 14993, 11998]
}, {
  name: 'HS 4yrs',
  data: [21074, 28477, 39171, 51426, 57860, 58456, 62113, 64465]
}, {
  name: 'COL 1-3yrs',
  data: [6714, 9170, 12117, 20692, 35520, 46042, 53900, 56659]
}, {
  name: 'COL 4+yrs',
  data: [6118, 9002, 13364, 24050, 34337, 48696, 63291, 85217]
}],
xaxis: {
  categories: ['1952', '1962', '1972', '1982', '1992', '2002', '2012', '2022'
  ],
}
					,dataLabels: { enabled: false }
			}
	var chart = new ApexCharts(
		document.querySelector("#chart"),
		options
	);
	chart.render();
	function clickDiv() { console.log("https://govstats.us/metric/edatt-hist"); }
	});