jQplot formatString "% n"

Question

jQplot에 약간 문제가 있습니다. 나는이 같은 DateAxisRenderer 할 노력하고있어 : http://tinyurl.com/p8v5coh

을 그리고 난이했습니다 : http://tinyurl.com/qd2lbxh

내 테스트에서 회전을하고 싶지 않다. 내 시간과 내 날짜 사이에 줄 바꿈을 입력하고 싶습니다.

내 코드입니다 :

var plot1 = $.jqplot('chart1', [test2], { 
     title:'Plot to test JQPLOT', 
     legend: { 
      show: true, 
      placement: 'outsideGrid' 
     }, 

    axesDefaults: { 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
     tickOptions: { 
      angle: 0, 
      fontSize: '10pt' 
     } 
    },  


    axes: { 
     xaxis: { 
      label: "X Axis", 
      renderer:$.jqplot.DateAxisRenderer, 
      tickOptions: { 
       formatString: '%H %#.2f %n %#.2f %#d-%#m-%Y', 
      }, 
      //min:'June 16, 2008 8:00AM', 
      tickInterval:'14400000', 
     }, 
     yaxis: { 
      label: "Y Axis", 
      renderer: $.jqplot.LogAxisRenderer, 
      tickOptions: { 
       angle: 0 
      } 
     } 
    }, 
    highlighter: { 
     show: true, 
     sizeAdjust: 20, 
    }, 
    cursor:{ 
     show: true, 
     zoom: true, 
     showTooltip:false 
    }, 
    series:[{showMarker:false}], 
}); 

당신이, 내가가 [공식 문서]에 쓸 것 같은 '% n을'을 시도했습니다 볼 수 있듯이 [1]. 나는 그것이 바보 같다고 생각하지만,이 문제를 직접 해결할 수는 없습니다. 줄 바꿈이 작동하지 않습니다.

나에게 올바른 방법을 보여줄 수 있습니까?

타이

jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.html

Answer 1

jqplot 때때로 축과 레이블 이상한 일을한다. 나는 보통 수동으로 자신의 축을 정의하는 이유는 다음과 진드기의 :

같은 lomething lsTicks 외모

axes: { 
      xaxis: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
       labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 
       label: 'Date', 
       tickOptions:{formatString:'%b %Y'}, 
       pad: 0, 
       ticks: lsTicks, 
       renderer: $.jqplot.DateAxisRenderer 
      }, 

:

["2014-01", "2014-02", "2014-03", "2014-04"] 

그 길이가 데이터와 동일합니다. 더 쉽게 읽을 수 있도록하려면 tickOptions: {angle: -20},을 추가하면 서로 너무 잘 맞으면 일정한 각도로 날짜가 표시됩니다.

tickOptions:{formatString:'%b %Y'}는 다음과 같이 말합니다 : 3 자리 월, 4 자리 연도 표시. 더 많은 옵션과 정보는 here을 참조하십시오.

또는 min, max 및 tickInterval을 사용할 수 있지만 가끔씩 잘못 생각하는 경우가 있습니다. 자세한 내용은 here 및 here을 참조하십시오.