为什么jQplot会变空?

时间:2016-11-08 11:29:58

标签: jquery arrays jqplot

我是jQuery和jQplot的新手。

我有一个Web应用程序,需要将一个点数组绘制到图形上。该图表只显示空白,问题是我不知道它遇到了麻烦...

负责执行绘图的代码体非常简单,见下文:

function graphData(priceData){
var options = 
{
    series:[{showMarker:false}],
    axes:
    {
        xaxis:
        {
            renderer:$.jqplot.DateAxisRenderer,
            tickOptions:{ formatString:'%H:%M:%S' },
            tickInterval:'15 second'
        },
        yaxis:
        {
            numberTicks: 6,             
            tickOptions:{formatString:'%.2f'}       
        }
    }
}
var plot = $.jqplot('chartContainer',[[data]], options);

}

我所看到的只是一块空白画布。为了清楚起见,我去检查了我的数据阵列是由什么组成的,当然它是一个二维数组,其中每个嵌套数组看起来像[X-Coord,Y-Coord],这里是一个样本

  

[" 08:11:15"," 29.21"]   [" 08:12:35"," 29.21"]   [" 08:13:44"," 29.25"]   [" 08:14:58"," 29.24"]   [" 08:16:12"," 29.25"]   [" 08:17:22"," 29.21"]

据我所知,这种类型的数组(包含坐标对数组)是jQplot的推荐默认值,不是吗?从文档我看来,在我看来,输入数据非常适合绘图。我无法看到我搞砸了。

如果有帮助,阵列来自CSV文件,当读取CSV时,它会从上面触发对绘图功能的回调^^^ CSV获取功能如下所示:

    $(document).ready(function(){
    $.jqplot.config.enablePlugins = true;
    $.ajax({
        url: "data/sample.csv",
        async: true,
        success: function (csvd) {
            data = $.csv.toArrays(csvd);
        },
        dataType: "text",
        complete: function (data) { graphData(data); } 
    });
 });

1 个答案:

答案 0 :(得分:0)

当日期需要为Date(对象格式)时,日期为字符串格式