jQuery+echarts大数据运维总览图表实例展示代码

jQuery+echarts大数据运维总览图表实例展示代码

jQuery+echarts大数据运维总览图表实例展示代码

jQuery+echarts大数据运维总览图表实例展示代码,TIZA STAR大数据运维总览图表,echarts数据统计图表案例。

源码介绍

js代码

"jquery.min.js"> 
"echarts.min.js"> 
"monitor.js"> 
"text/javascript"> 
    $(function(){ 
        drawLayer02Label($("#layer02_01 canvas").get(0),"接入终端数量",80,200); 
        drawLayer02Label($("#layer02_02 canvas").get(0),"今日接入数据数量",80,300); 
        drawLayer02Label($("#layer02_03 canvas").get(0),"今日新增存储数据",80,400); 
        drawLayer02Label($("#layer02_04 canvas").get(0),"总存储数据",50,200); 
        drawLayer02Label($("#layer02_05 canvas").get(0),"当前任务个数",40,200); 
        drawLayer02Label($("#layer02_06 canvas").get(0),"当前集群数",50,200); 
         
        renderLegend(); 
 
        //饼状图 
        renderChartBar01(); 
        //renderChartBar02(); 
 
        //存储 
        renderLayer03Right(); 
 
        //30天日均线流量趋势 
        renderLayer04Left(); 
 
        //集群性能 
        renderLayer04Right(); 
    }); 


分享到 :
Echarts动态玫瑰分布图
上一篇 2018-05-22 09:10:09
vue+echarts双轴折线图统计代码
2021-11-01 19:23:25 下一篇

发表评论

登录... 后才能评论