2012-05-10 4 views
4

다음하지만 축 레이블이 보여 얻이 수없는 것 같이 내가 데이터를 그래프 :FLOT 표시되지 x 축 라벨

!function ($) { 
     var options = { 
     xaxis: { 
        mode: "time", 
        min: start_time, 
        // max: (new Date()).getTime(), 
        tickSize: [4, "hour"], 
        tickLength: 0, 
        axisLabel: 'Day', 
        axisLabelUseCanvas: true, 
        axisLabelFontSizePixels: 12, 
        axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif', 
        axisLabelPadding: 3 
     }, 
     yaxis: { 
        axisLabel: 'Amount', 
        axisLabelUseCanvas: true, 
        axisLabelFontSizePixels: 12, 
        axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif', 
        axisLabelPadding: 5 
       }, 
     } 
     $.plot($("#placeholder"), [open_emails],options); 


    }(window.jQuery 

내가 포함 한 내보기에 다음 그들이

를로드하는 내가 실험실을 얻을 수있는 방법

enter image description here

을 다음과 같이

//= require jquery.flot 
//= require jquery.flot.symbol.min 
//= require jquery.flot.axislabels 

결과는 els을 (를) 표시 하시겠습니까?

+0

사용하는 jquery.flot.axislabels.js? Google은 몇 가지 옵션을 제공합니다. https://raw.github.com/RuiPereira/flot/axislabels/jquery.flot.axislabels.js 또는 https://raw.github.com/xuanluo/flot-axislabels/master/jquery .flot.axislabels.js – Mark

답변

6

안녕 작업 데모http://jsfiddle.net/wuALT/

그래서 당신이 필요로하는 모든이를 추가하는 것입니다

<script type='text/javascript' src="https://raw.github.com/xuanluo/flot-axislabels/master/jquery.flot.axislabels.js"></script> 

하고 나머지 코드가 된 AxisLabel를 식별하기 시작합니다.

읽기 : http://codenachos.com/view/axis-labels-in-flot 알려진 문제였다 http://code.google.com/p/flot/issues/detail?id=42

이 도움 DayAmount 이제 X와 Y 축에 나타나는 볼 수 있습니다.

enter image description here

+0

정말 감사합니다. 도움을 주셔서 대단히 감사드립니다. – chell

+0

누구나 이것이 작동하고 자산 파이프 라인에이를 포함시키는 이유를 알 수 있습니까? –