<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>project-created-per-year</title>
<script src="../assets/chart.min.js"></script>
<script src="../assets/chartjs-plugin-datalabels.js"></script>
</head>
<body>
<div><canvas id="project-created-per-year" width="680px" height="460px"></canvas></div>
<script>
Chart.register(ChartDataLabels)
const myChart = new Chart(
document.getElementById('project-created-per-year'),
{"type":"bar","data":{"labels":[2017,2018,2019,2020,2021],"datasets":[{"data":[23,27,16,14,5],"label":"project count","backgroundColor":["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"]}]},"options":{"animation":{"duration":0},"plugins":{"title":{"display":true,"text":"每年创建项目数量"},"datalabels":{"labels":null}},"responsive":false}}
);
</script>
</body>
</html>