一:使用预览
二:插件使用来源
(本次使用)
三:插件的使用
(一)后台传递数据
getHchart方法获取用户数据(用户名,数据列表)
def getHchart(self): user_list = models.User.objects.filter() user_data = [] for user in user_list: cursor = connections['default'].cursor() #在数据库语句中使用字符串格式化需要两个%%,在python语言中使用一个% cursor.execute("""select strftime('%%s',strftime("%%Y-%%m-01",ptime))*1000,count(id) from repository_trouble where processer_id = %s GROUP BY strftime("%%Y-%%m",ptime)""",[user.nid]) result = cursor.fetchall() #数据列表 user_data.append({ 'name':user.username, 'data':result }) return user_data
数据格式:
[ { 'name': '山上有风景', 'data': [(1517443200000, 1), (1519862400000, 1), (1525132800000, 1)]}, { 'name': '宁静致远', 'data': [(1519862400000, 1), (1522540800000, 2), (1525132800000, 1), (1527811200000, 1)]}, { 'name': '蜡笔小新', 'data': []}, { 'name': '你大爷', 'data': []}, { 'name': '但是', 'data': []} ]
(二)将数据Json化,传递到前端后的处理方法
1.导入js文件
2.创建一个DOM容器
3.图表配置