AlmisbahTS · December 9, 2021 19:41
diff --git a/creating-your-first-apexchart.markdown b/creating-your-first-apexchart.markdown
diff --git a/index.html b/index.html
 <div id="chart">
 </div>
diff --git a/script.js b/script.js
 var options = {
  chart: {
    type: 'bar'
  },
  series: [{
    name: 'sales',
    data: [30,40,45,50,49,60,70,91,125]
  }],
  xaxis: {
    categories: [1991,1992,1993,1994,1995,1996,1997, 1998,1999]
  }
 }

 var chart = new ApexCharts(document.querySelector("#chart"), options);

 chart.render();
diff --git a/scripts b/scripts
 <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
diff --git a/style.css b/style.css
 @import url(https://fonts.googleapis.com/css?family=Roboto);

 body {
  font-family: Roboto, sans-serif;
 }

 #chart {
  max-width: 650px;
  margin: 35px auto;
 }
	var options = {
	chart: {
	type: 'bar'
	},
	series: [{
	name: 'sales',
	data: [30,40,45,50,49,60,70,91,125]
	}],
	xaxis: {
	categories: [1991,1992,1993,1994,1995,1996,1997, 1998,1999]
	}
	}

	var chart = new ApexCharts(document.querySelector("#chart"), options);

	chart.render();
	@import url(https://fonts.googleapis.com/css?family=Roboto);

	body {
	font-family: Roboto, sans-serif;
	}

	#chart {
	max-width: 650px;
	margin: 35px auto;
	}