如何使用带有排列数据的txt文件中的JQPLOT制作折线图

时间:2012-09-03 14:49:24

标签: jqplot

我是初学者!我有一个txt文件,其中一些数据排列在列中,我想使用JQPLOT在折线图中显示每一列不同的行。如果没有在json文件或xml文件中转换txt文件,有没有办法做到这一点?

这是我的txt文件的一个例子:

description line 1   <-- I'm not interested in this line
description line 2   <-- I'm not interested in this line
1.22 2.23 3.43 4.45  <-- The 4 columns are separed by a space
1.20 2.10 4.49 5.12
1.10 3.02 3.98 4.78
1.22 2.23 3.43 4.45
1.20 2.10 4.49 5.12
1.10 3.02 3.98 4.78 `

抱歉我的英语不好! 谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

没有必要将数据转换为JSON或XML。您可以为txt文件发出一个AJAX请求,然后将其解析为jqplot期望的格式(下面的代码都没有经过测试,但是应该让你开始):

$.ajax({url:"/path/to/Text.txt",
  success:function(result){
    var fileLines = result.split("\n") //result is the file, split on the lines
    var jqplotData = [];
    for (var i = 2; i < fileLines.length(); i++) // skip first two lines
    {
       var aLine = fileLins[i].split(" ");
       var aSeries = [];
       for (var j = 0; j < aLine.length(); j++)
       {
          aSeries.push(parseFloat(aLine[j])); // build array for each series 
       }
       jqplotData.push(aSeries); // add series to larger data array
    }

    // now call jqplot with your data...
    var plot1 = $.jqplot('chartDiv', jqplotData, {});
  }
});