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], { ....

简单的图表线不会显示

1 个答案: