背景:由于运营的需求,需要一些数据图表进行分析。整个思路是这样的,利用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;
/*获取图表数据*/