django中使用chart.js的例子

背景：由于运营的需求，需要一些数据图表进行分析。整个思路是这样的，利用DJANGO的ORM操作数据库，从库中查询出所需要的数据。并把查询整个动作封装成一个数据接口。返回给前端json格式。利用chart.js将数据展现在页面上。

html

引用好所需要的文件，static可以在settings.py中设定好。

<script src="{% static "js/Chart.js" %}"></script>
<script src="{% static "js/Chart.min.js" %}"></script>

<div class="col-sm-4">
        <h3>用户操作错误记录种类</h3>
        <canvas id="myChart" width="400" height="400"></canvas>
    </div>

这里套用了一些bootstrap的内容其实只需要一句

<canvas id="myChart" width="400" height="400"></canvas>

js

    var k,s;
    /*获取图表数据*/