Scatter Graph

Copy and paste the following shortcode into your post or page.

<?php
echo 'Hello, world!';

<canvas id="scatter_chart_1" height="350"></canvas><script>
			document.addEventListener("DOMContentLoaded",function(){
				var ctx=document.getElementById("scatter_chart_1");
				new Chart(ctx,{
					type:"scatter",
					data:{
						datasets:[{
							label:"Sales Report",
							data:[{"x":10,"y":20},{"x":15,"y":35},{"x":40,"y":60},{"x":60,"y":80}],
							backgroundColor: "rgb(193, 22, 22)",

						}]
					},
					options:{
						responsive:true,

						scales:{
							x:{
								type:"linear",
								position:"bottom"
							}
						}
					}

				});

			});
			</script>

[skillwrapper type="skt_scattergraph" chart_label="Sales Report" chart_color="#c11616"]

[skill x="10" y="20"]

[skill x="15" y="35"]

[skill x="40" y="60"]

[skill x="60" y="80"]

[/skillwrapper]