django + echarts + ajax异步+显示优化——基本例子

  

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   null

django + echarts + ajax异步+显示优化——基本例子