<canvas id="popChart" width="600" height="400"></canvas>
body {
height: 450px;
}
canvas {
max-height: 100%;
}
xxxxxxxxxx
var popCanvas = document.getElementById("popChart");
Chart.defaults.font.family = "Lato";
Chart.defaults.font.size = 18;
Chart.defaults.color = "black";
var popData = {
datasets: [
{
label: ["Deer Population"],
data: [
{ x: 100, y: 0, r: 10 },
{ x: 60, y: 30, r: 20 },
{ x: 40, y: 60, r: 25 },
{ x: 80, y: 80, r: 30 },
{ x: 20, y: 30, r: 25 },
{ x: 0, y: 100, r: 5 }
],
backgroundColor: "#FF9966"
}
]
};
var bubbleChart = new Chart(popCanvas, {
type: "bubble",
data: popData
});