<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>change-language-2020</title>
<script src="../assets/chart.min.js"></script>
<script src="../assets/chartjs-plugin-datalabels.js"></script>
</head>
<body>
<div><canvas id="change-language-2020" width="680px" height="460px"></canvas></div>
<script>
Chart.register(ChartDataLabels)
const myChart = new Chart(
document.getElementById('change-language-2020'),
{"type":"bar","data":{"labels":["go","html","js","css","py"],"datasets":[{"data":[13,7,5,4,4],"label":"count","borderRadius":12,"backgroundColor":["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]}]},"options":{"indexAxis":"y","animation":{"duration":0},"plugins":{"title":{"display":true,"text":"2020 年项目语言分布"}},"responsive":false}}
);
</script>
</body>
</html>