📅  最后修改于: 2023-12-03 15:09:25.663000             🧑  作者: Mango
如果你正在寻找一个强大的、灵活的、现代的 JavaScript 数据可视化库,那么 chart.js 就是一个不错的选择。它可以用来创建各种类型的图表和图形,包括线性图、柱状图、饼图等等,非常易于使用和定制。
下面是在 Shell/Bash 中安装 chart.js 的步骤:
sudo apt-get update && sudo apt-get install nodejs npm
nodejs -v
npm -v
npm install chart.js --save
npm install moment --save
npm install hammerjs --save
在你的 HTML 文件中添加以下代码来引用 chart.js:
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [{
label: 'My First Dataset',
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: [0, 10, 5, 2, 20, 30, 45]
}]
},
options: {}
});
<canvas id="myChart" width="400" height="400"></canvas>
这些就是在 Shell/Bash 中安装 chart.js 的步骤和一些基本用法。更多关于 chart.js 的信息和文档,请访问官方网站:https://www.chartjs.org/。
注意:以上操作需要在具有管理员权限的终端中进行。