嵌入式linux基于boa cigic js Echart 的动态表格生成

先上大家的资源

ECharts官网 ?????强烈建议大家去官网看看，百度给的东西很多
如何将服务器的数据填入Echart
echart x轴 type

Demo

JS部分 写得不怎么好，由于数据库被二货同事定义成字符串类型了，只能再在js这里转一下了。毕竟用C转还得封装函数、考虑风险、动动大脑，很不划算???????

	   <script type="text/javascript" src="../js/echarts.js"></script>
       <script type="text/javascript">
		function createXHR() 
		{
			var xhr;

			try 
			{
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch (e) 
			{
				try 
				{
					xhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch(E) 
				{
					xhr = false;
				}
			}

			if (!xhr && typeof XMLHttpRequest != 'undefined') 
			{
				xhr = new XMLHttpRequest();
			}

			return xhr;
		}

		/*
		 *异步访问提交处理
		 */
		function sender() 
		{
			xhr = createXHR();

			if(xhr)
			{
				xhr.onreadystatechange=callbackFunction;
			
				//test.cgi后面跟个cur_time参数是为了防止Ajax页面缓存
				xhr.open("GET", "../cgi-bin/rdProcess.cgi?reactiveMapPag=" + new Date().getTime());
			
				xhr.send(null);
			}
			else
			{
				//XMLHttpRequest对象创建失败
				alert("浏览器不支持，请更换浏览器！");
			}
		}

		//必须在最外层定义
		var dom = document.getElementById("container");
		var myChart = echarts.init(dom);
		/*
		 *异步回调函数处理
		 */		
		function callbackFunction()
		{
			if (xhr.readyState == 4) 
			{
				if (xhr.status == 200) 
				{
					var returnValue = xhr.responseText.split(',');
					console.log(returnValue);
					console.log(returnValue.length);
					var dataString = [];
					for(var i = 0;i < returnValue.length-1;i++)
					{
						dataString[i] = Number(returnValue[i]);
					}
					console.log(dataString);
					if(returnValue != null && returnValue.length > 1)
					{
						var app = {};
						option = null;
						option = {
							xAxis: {
								type: 'category',
								boundaryGap: false,
								data: [0,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,2,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,3,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
								4,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,5,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,6,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,7,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
								8,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,9,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,10,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,11,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
								12,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,13,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,14,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,15,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
								16,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,17,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,18,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,19,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
								20,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,21,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,22,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,23,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,24],
								axisLabel : {//坐标轴刻度标签的相关设置。
									interval:30,
									rotate:"45"
								}
							},
							yAxis: {
								type: 'value'
							},
							series: [{
								data: dataString,
								type: 'line',
								smooth: true
							}]
						};
						;
						if (option && typeof option === "object") {
							myChart.setOption(option, true);
						}				
					}
					else
					{
						<!-- alert("结果为空！"); -->
					}
				} 
				else 
				{
					<!-- alert("页面出现异常！"); -->
				}
			}
		}		

		$(document).ready( function (){
			sender();
		});
		setInterval(sender,60000);	
       </script>