如何在Rails 项目里面加入图表

在这篇文章里面，我们用到Chart.js，这是一个图表的js库。整个集成过程比较简单，运用到实际的项目需要自己考虑项目的情况，这里只做一个简单展示。

第一步

我们直接引用cdn。打开的application.html.erb，加入这段代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/chart.js@2.9.1/dist/Chart.min.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.1/dist/Chart.min.js"></script>

第二步

然后新建一个页面，创建一个canvas

<canvas id="myChart" width="960" height="200"></canvas>

第三步

加入图表相关代码，直接在页面上写也是可以的。

<script>
var ctx = document.getElementById('myChart');
var myChar