2014-04-26 3 views
0

X 축에 날짜가 있고 Y 축에 시간이있는 그래프를 만들어야합니다.jqPlot - 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 플러그인에서 어떻게 이루어 집니까?

답변

2

여기에서 문제를 파악했습니다.

여기에서 가장 중요한 문제는 입니다. 11.557, 15.569 등과 같이 numeric 값만 가져옵니다.

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

+0

일을 데모 작업을 위해 :

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

내가 일을 가지고 무엇을 : x-axis

또한, 나는에 대한 추가 속성 tickOptions를 추가해야 링크 :) – ram

+1

고마워, 문제는 시간 값이 05 : 15.569가 될 수 있다는 것입니다. 전자 가치 만 번호로 ... – user1049961