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

Question

我正在尝试从文本文件中获取数据并生成 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]];

这是我的文本文件 userschart.txt 的内容：

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

Answer 1

我现在看到了。

首先检查数据是一个数组，你是如何加载它的？建议你使用 ajax 来加载数据数组，确保服务器以 json 数组的形式返回。

第二条线路有问题：

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

这是将图表数据转换为字符串。你不需要它；

只需替换这一行

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

与

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

一切都会好起来的。如果没有：

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