2012-02-02 3 views
0

다음 데이터가 있으며 jqplot을 사용하여 선형 차트에 2 줄을 그려 플롯해야합니다. 시간 L1 :동일한 날짜 또는 시간을 기준으로 한 여러 줄이있는 jqplot 차트

series:[Time Value1 Value2] 
     [13:51 22.875 9.275] 

는 내가 찾던 x 축과의 대화이다 Yaxis1 : 값 1] L2 : [Yaxis2 : 값 2].

나는 상당히 [시간 값 1]과 [시간 값 2] 또는 다른 종류의 으로 데이터 구조 을 변경할 수 있습니다 그러나 함께 하나 개의 차트에 둘 플롯하는 것이 중요하다. 코드 스크래치를 작성하거나 적절한 예를 들어 주시겠습니까? 감사합니다.

+1

두 줄의 라인 차트와 DateAxisRenderer가 필요합니까? jqPlot 웹 사이트에서 exmples를 보셨습니까? 도움을 요청하기 전에이 코드를 직접 시도해 보았습니까? – Mark

답변

0

을 수행 할 수 있습니다 다음 코드를 포함하여 해결할 수 있습니다 : 아래가 아닌 'X- 축'

xaxis: { label: "Whatever you name it", renderer: $.jqplot.DateAxisRenderer,  min:dateVal[0], max:dateVal[dateVal.length-1], tickInterval: '1 day', 

아래에 최소, 최대 및 tickInterval를 기입하십시오 'tickOptions'. 제 경우에는 배열 dateval에 날짜 값이 있습니다. 여기서 0 번째 요소는 x 축 날짜의 최소값이고 마지막 요소는 최대 날짜 값입니다. 원하는 경우 날짜 값을 하드 코딩 할 수 있습니다.

나는 이것이 도움이되기를 바랍니다.

7

실제로는 매우 쉽습니다. 각 데이터 라인에 대한 값의 배열을 정의 : 시간 값이 동일

var line1 = [[date1, val1], [date2, val2]]; 
var line2 = [[date1, val11], [date2, val12]]; 
var plot = $.jqplot('chart1', [line1, line2]); 
1

경우, 날짜 축에 대한 '동일한 날짜에 대해 여러 틱'

var line1 = [val1_1, val1_2]; 
var line2 = [val2_1, val2_2]; 
var ticks = [time1, time2] 
var plot = $.jqplot('chart1', [line1, line2], { 
    xaxis: { ticks: ticks } 
}); 
+0

이것은 불행히도 x 축 틱이 날짜 일 때 작동하지 않는 것 같습니다 : http://stackoverflow.com/questions/9179346/jqplot-separating-ticks-and-series-values –