从文本文件生成Jquery JQplot插件的数据

时间:2013-12-15 17:50:05

标签: javascript jquery text-files jqplot data-generation

我正在尝试从文本文件中获取数据并生成jqplot图。

问题是我无法使插件读取数据,即使我将其保存为演示版本。注意:演示数据适用于我的脚本,它只是格式化我的数据,我不知道。

非常感谢

这是我的剧本:

    $(document).ready(function() {

var chartdata = 0;
function parseData(data){
        //do something with the data
        chartdata =  '['+data+']';
       //alert("data is: " + chartdata);

      var line1=chartdata;


  var plot1 = $.jqplot('chartdiv', [line1], {
      title:'Active Users',
      axes:{
        xaxis:{
          renderer:$.jqplot.DateAxisRenderer,
          tickOptions:{
            formatString:'%b %#d'
          } 
        },
        yaxis:{
          tickOptions:{
            formatString:'$%.2f'
            }
        }
      },
      highlighter: {
        show: true,
        sizeAdjust: 7.5
      },
      cursor: {
        show: false
      }
  });

}

$.get("userschart.txt",parseData);


});

多数民众赞成我的代码,line1 var就是问题所在。 这是有效的原始示例代码:

var line1=[['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84],
['26-Sep-08', 454.13], ['24-Oct-08', 379.75], ['21-Nov-08', 303], ['26-Dec-08', 308.56],
['23-Jan-09', 299.14], ['20-Feb-09', 346.51], ['20-Mar-09', 325.99], ['24-Apr-09', 486.15]];

这是我的textfile userschart.txt的内容:

['11-Dec-13',6],['12-Dec-13',6],['13-Dec-13',6],['14-Dec-13',6],['15-Dec-13',6]

1 个答案:

答案 0 :(得分:0)

我现在看到了。

首先检查数据是否为数组,如何加载?建议你使用ajax加载数据数组,确保服务器将其作为json数组返回。

第二行是错误的:

chartdata ='['+ data +']';

这会将chartdata变成一个字符串。你不需要它;

只需更换此行

即可
var plot1 = $.jqplot('chartdiv', [line1], {

var plot1 = $.jqplot('chartdiv', [data], {

一切都应该好。如果不是:

1。)检查数据是一个数组。 2.)检查变量周围是否有数组括号。