document.addEventListener("DOMContentLoaded", function() {
	var options = {
		chart: {
			height: 350,
			type: "scatter",
			zoom: {
				enabled: false
			},
			toolbar: {
				show: false
			},
			events: {
			  mounted: function(chartContext, config) {
				setTimeout(() => {  document.getElementsByClassName("apexcharts-subtitle-text")[0].addEventListener('click', clickDiv); }, 1000);
			  }
			}
					},
		title: {
			text: "scatter",
			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: "SAMPLE A",
          data: [
          [16.4, 5.4], [21.7, 2], [25.4, 3], [19, 2], [10.9, 1], [13.6, 3.2], [10.9, 7.4], [10.9, 0], [10.9, 8.2], [16.4, 0], [16.4, 1.8], [13.6, 0.3], [13.6, 0], [29.9, 0], [27.1, 2.3], [16.4, 0], [13.6, 3.7], [10.9, 5.2], [16.4, 6.5], [10.9, 0], [24.5, 7.1], [10.9, 0], [8.1, 4.7], [19, 0], [21.7, 1.8], [27.1, 0], [24.5, 0], [27.1, 0], [29.9, 1.5], [27.1, 0.8], [22.1, 2]]
        },{
          name: "SAMPLE B",
          data: [
          [36.4, 13.4], [1.7, 11], [5.4, 8], [9, 17], [1.9, 4], [3.6, 12.2], [1.9, 14.4], [1.9, 9], [1.9, 13.2], [1.4, 7], [6.4, 8.8], [3.6, 4.3], [1.6, 10], [9.9, 2], [7.1, 15], [1.4, 0], [3.6, 13.7], [1.9, 15.2], [6.4, 16.5], [0.9, 10], [4.5, 17.1], [10.9, 10], [0.1, 14.7], [9, 10], [12.7, 11.8], [2.1, 10], [2.5, 10], [27.1, 10], [2.9, 11.5], [7.1, 10.8], [2.1, 12]]
        },{
          name: "SAMPLE C",
          data: [
          [21.7, 3], [23.6, 3.5], [24.6, 3], [29.9, 3], [21.7, 20], [23, 2], [10.9, 3], [28, 4], [27.1, 0.3], [16.4, 4], [13.6, 0], [19, 5], [22.4, 3], [24.5, 3], [32.6, 3], [27.1, 4], [29.6, 6], [31.6, 8], [21.6, 5], [20.9, 4], [22.4, 0], [32.6, 10.3], [29.7, 20.8], [24.5, 0.8], [21.4, 0], [21.7, 6.9], [28.6, 7.7], [15.4, 0], [18.1, 0], [33.4, 0], [16.4, 0]]
        }]
			}
	var chart = new ApexCharts(
		document.querySelector("#chart"),
		options
	);
	chart.render();
	function clickDiv() { console.log("https://govstats.us/metric/scatter"); }
	});