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

来源:https://www.sucaihuo.com/js/3811.html 2018-07-16 11:28浏览(5390) 收藏

jQuery+echarts大数据运维总览图表实例展示代码,TIZA STAR大数据运维总览图表,echarts数据统计图表案例。
jQuery+echarts大数据运维总览图表实例展示代码
分类:统计图 > 饼状图 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="jquery.min.js"></script>
<script src="echarts.min.js"></script>
<script src="monitor.js"></script>
<script type="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();
	});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2