jqPlot - Y軸上的時間值

Question

我需要創建帶X軸日期和Y軸時間的圖形。

我的JS代碼：

jQuery(document).ready(function ($) { 
    var data = [["2013-04-25","00:11.557"],["2013-04-25","00:15.569"],["2013-04-25","00:11.733"],["2013-04-25","00:13.023"],["2014-04-26","00:22.333"]]; 
    var plot1 = $.jqplot('chartdiv', [data], { 
    title:'Default Date Axis', 
    axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}}, 
    series:[{lineWidth:4, markerOptions:{style:'square'}}] 
    }); 
}); 

的日期是否正確顯示在X軸上，但我不知道如何顯示在Y軸上的值。

這是如何在jqPlot插件中完成的？

Answer 1

我在這裏找到了問題。

這裏的主要問題是y-axis只取numeric的值，如11.557,15.569等等。

另外，我需要添加額外的屬性tickOptions爲x-axis爲：

tickOptions:{formatString:'%Y-%m-%d'} 

這是我得到了什麼工作：

jQuery(document).ready(function($){ 
    var data = [["2013-04-25",11.557],["2013-04-25",15.569],["2013-04-25",11.733],["2013-04-25",13.023],["2013-04-26",22.333]]; 
    var plot1 = $.jqplot('chartdiv', [data], { 
    title: 'Default Date Axis', 
    axes:{ 
     xaxis: { 
     renderer: $.jqplot.DateAxisRenderer, 
     tickOptions:{formatString:'%Y-%m-%d'}  
     } 
    }, 
    series: [{ lineWidth: 4, markerOptions: { style:'square' }}] 
    }); 
}); 

Working DEMO Link