django + echarts + ajax异步+显示优化——基本例子
& lt; div ,, id=" echarts-line祝辞& lt;/div> # #定义要显示的地方 & lt; script  src=" https://www.yisu.com/static/js/echarts.min.js "祝辞& lt;/script>, #加载js & lt; script> ,,,$ (function (), { ,,,,,,,var server_info; ,,,,,,,var myChart =, echarts.init (. getelementbyid (' echarts-line ')); ,,,,,,,var option =, { ,,,,,,,,,,,标题:,{ ,,,,,,,,,,,,,,,:,“机柜总数” ,,,,,,,,,,,}, ,,,,,,,,,,,提示:,{}, ,,,,,,,,,,,传说:,{ ,,,,,,,,,,,,,,,数据:['总数”) ,,,,,,,,,,,}, ,,,,,,,,,,,xAxis:, { ,,,,,,,,,,,,,,,数据:,{{,name |, safe }},,,, # #第一次访问页面时,先从后端返回一个最新的数据,这样子就不会需要人们等着更新数据。 ,,,,,,,,,,,}, ,,,,,,,,,,,桠溪:,{}, ,,,,,,,,,,,系列:,[{ ,,,,,,,,,,,,,,,名字:,“销量”, ,,,,,,,,,,,,,,,类型:,“酒吧”, ,,,,,,,,,,,,,,,数据:,{{,jq |, safe }}, # #第一次访问页面时,先从后端返回一个最新的数据 ,,,,,,,,,,,}] ,,,,,,,}; ,,,,,,,myChart.setOption(选项,,真的); {#,,,,,,,,myChart.showLoading (); #},,, # #, echarts 的显示加载页面 ,,,,,,,setInterval (, function (), {,,,, # # AJAX去获取数据通过showapi ,,,,,,,,,,,,,,,. ajax({美元 ,,,,,,,,,,,,,,,,,,,类型:,“得到”, ,,,,,,,,,,,,,,,,,,,url:,“jigui/showapi”, ,,,,,,,,,,,,,,,,,,,数据类型:,“json”, ,,,,,,,,,,,,,,,,,,,成功:,function (json), { ,,,,,,,,,,,,,,,,,,,,,,,server_info =, eval (json); ,,,,,,,,,,,,,,,,,,,} ,,,,,,,,,,,,,,,}); ,,,,,,,,,,,,,,,,,,,option.xAxis.data =,, server_info.name;,,, # #赋值 ,,,,,,,,,,,,,,,,,,,option.series [0] .data =, server_info.jq; {#,,,,,,,,,,,,,,,,,,,,myChart.hideLoading (); #},,, # #, echarts 的隐藏加载页面 ,,,,,,,,,,,,,,,,,,,myChart.setOption(选项,,真的); ,,,,,,,,,,,,,,,},,2000);,,# #每隔2秒,获取一次,重新生成值 ,,,,,,,,window.onresize =, function (), { ,,,,,,,,,,,myChart.resize(),,,,,,, # #根据页面大小重新定义图形大小 ,,,,,,,}; ,,,}); null null null null null null null null null null null null null null null null null null null null null null null null nulldjango + echarts + ajax异步+显示优化——基本例子