簡單的圖表行不顯示

$(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/簡單的圖表行不顯示

如果我註釋掉所有圖表選項的線條圖。當我添加刻度和選項時，刻度將顯示，但不顯示行。

來源

2012-11-28 Rich Strle

如果您使用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], { ....

來源

2012-12-01 08:54:03

簡單的圖表行不顯示

回答

相關問題