jqplot - 简单的图表线不显示

Question

$(document).ready(function(){
    var line0 =['2008-06-30 8:00AM', '2008-06-30 9:00AM', '2008-06-30 10:00AM', '2008-06-30 11:00AM', '2008-06-30 12:00PM' ];
    var line2=[4, 6.5, 5.7, 9, 8.2];
    var line3=[5, 5.5, 7.7, 11, 7.2];

    var t1=[91.51,91.74,91.62,91.40,91.51];

    var plot1 = $.jqplot('chartdiv4', [t1], {
        title: 'Concern vs. Occurrance',
        seriesDefaults:{renderer:$.jqplot.BarRenderer},
//        axesDefaults: {
//            tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
//            tickOptions: {
//                angle: -30,
//                fontSize: '10pt'
//            }
//        },

        axes: {
            xaxis: {
                renderer: $.jqplot.DateAxisRenderer,
                ticks: line0, 
                tickOptions: {formatString:'%r'},
            },
            yaxis: {label: "Y Axis"}
        }
    })
});
</script>

我正在寻找另一双眼睛。我无法绘制此图表。我看着它让自己发疯。我在这里做了一个jsfiddle：http: //jsfiddle.net/Rich_Strle/gSQsL/3/

如果我注释掉所有图表选项，线条会绘制。当我添加刻度和选项时，刻度会显示但没有线条。

Answer 1

如果您使用的是，DateAxisRenderer它看起来好像每个数据点都必须是形式[date, value]。请参阅http://www.jqplot.com/tests/date-axes.php。

这对我有用：

var data = [];

for(var i = 0; i < t1.length; i++){
    data.push([line0[i], t1[i]]);
}

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