使用jscharts进行结果显示
需求
读取.txt文件,并使用html显示结果。
cpu.txt文件的内容:
84.0
72.0
47.0
47.0
47.0
...
方法
1,使用js读取文件,封装成jsCharts要求格式的数据,使用jsCharts进行绘图。
2,jsCharts可以使用array[][] 二维数组,或者.xml或者.json的格式的数据。 下面使用了前两种方法。 需要说明的是,因为js读取本地文件是非法的,只能使用兼容IE的浏览器进行打开,如IE,QQ浏览器,360浏览器的兼容模式等。
具体如下
直接使用js读取
<html>
<head>
<title>JSChart</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jscharts.js"></script>
</head>
<body>
<div id="result">
<h3>CPU 数据</h3><div id="cpu">Loading graph...</div>
<script type="text/javascript">
function draw(file,id,ylabel) {
var