X 도끼 날짜 형식

Question

있다 jqplot 차트에서 수직 라인을 그리기 전 X 도끼와 jqPlot 차트를 형식은 다음과 같습니다

xaxis: { 
      renderer: $.jqplot.DateAxisRenderer, 
      tickOptions: { 
          formatString: '%Y-%m-%d \n %H:%M' 
          }, 
      min: minimo, 
      max: maximo, 
     } 

내가 플러그인 $ 내 차트에 수직선을 그릴 수 아니에요을 .jqplot.CanvasOverlay.VerticalLine은 다음 예제와 같습니다. example canvas-overlay jqPlot 예제를 자체적으로 시도했지만 제 경우에는 x 축에 형식이 있으므로 제 경우에만 만들 수있었습니다 그것은 수평선으로 작동하지만 수직선으로는 작동하지 않습니다.

이것은 내가 지금 시도 무엇을 : 나는 또한 변수와 x: "2011-01-07 \n 16:10:00.000"에 x 값을 할당하지만 여전히 작동하지 않았다

verticalLine: { 
        name: 'barney', 
        x: "2011-01-07 16:10:00.000", 
        lineWidth: 6, 
        color: 'rgb(100, 55, 124)', 
        shadow: false 
       } 

. 아마 이미 가지고있는 것 위에 다른 jqPlot 차트를 그려야 할 것입니다. 그러나 가능한 경우 해당 솔루션을 피하고 VerticalLine 방식을 선호합니다.

Answer 1

Jqplot은 (날짜조차도) 숫자가 아닌 문자열을 기대하며 문자열에서 날짜로 전달하는 값을 변환 할 수 없습니다.

할 수 있습니다 수치로 날짜 문자열을 변환하는 jqplot에서 jsDate 개체 :

x : new $.jsDate('2011-01-07 16:10:00.000').getTime() 

Answer 2

글쎄, 나는 또 하나의 수직 라인보다 더 원은. 그래서 VerticalLines에 대한 객체 목록을 만들어야했습니다. 내 CanvasOverlay에서 게다가

var dates_vertical=[/*Array wit Dates*/]; 
var objects_vertical=[]; 
function create_vertical_lines() { 
    for (var j = 0; j < dates_vertical.length ; j++) { 
    objects_vertical[j]= new Object({ "verticalLine": {  
    "x": new $.jsDate(dates_vertical[j]).getTime(), 
    "color": "red", 
    "lineWidth": 4 
    } 
}); 
}; 

내가 쓴 :

canvasOverlay: { 
      show: true, 
      objects: objects_vertical 
     } 

감사합니다!