2013-03-27 145 views
1

我花了兩天的好時間嘗試使y軸標籤垂直而沒有成功。所以,我第一次設置了一個jsfiddle(希望我已經做到了這一點),它顯示了與我的代碼相同的問題,除了y軸標籤問題,它應該如此。jqplot y軸標籤不是垂直的

var fLatImb = [ 
[-10, 400000], 
[-10, 797000], 
[-2.9, 878000], 
[2.9, 878000], 
[10, 797000], 
[10, 400000] 
]; 

$.jqplot.config.enablePlugins = true; 
dpLatImbOpt = { 
    seriesDefaults: { 
     shadow: false 
    }, 
    axes: { 
     xaxis: { 
      min: -15, 
      max: 15, 
      numberTicks: 7, 
      label: '← left · 1000000 in-lbs · right →' 
     }, 
     yaxis: { 
      min: 400000, 
      max: 950000, 
      numberTicks: 12, 
      label: 'lbs gross weight', 
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer 
     } 
    }, 
    grid: { 
     background: 'black', 
     gridLineColor: '#666666', 
     shadow: false 
    }, 
    highlighter: { 
     fadeTooltip: false, 
     show: true, 
     showToolTip: true, 
     useAxesFormatters: true, 
     formatString: '%.1f,%.0f' 
    }, 
    series: [{ 
     color: 'red' 
    }] 
}; 

$.jqplot('dpLatImb', [fLatImb], dpLatImbOpt); 

我曾認爲供應爲y軸將爲labelRenderer將導致默認是標籤的垂直對齊方式,但這種情況並非如此,我不明白爲什麼。

的的jsfiddle是在http://jsfiddle.net/tliitts/RkkeT/14/

的晦澀y軸標籤讀取「磅總重量」。

關於除眼前問題以外的其他建議是值得歡迎的,因爲我是一個相對的新手。

回答

1

縱觀當前的腳本:

<script src='http://terryliittschwager.com/WB/jslib/jquery.jqplot.min.js'></script> 
<script src='http://terryliittschwager.com/WB/jslib/jqplot.canvasTextRenderer.min.js></script> 
<script src='http://terryliittschwager.com/WB/jslib/jqplot.canvasAxisLabelRenderer.min.js></script> 
<script src='http://terryliittschwager.com/WB/jslib/jqplot.highlighter.min.js'></script> 
<div id="dpLatImb" style="margin-top:20px; margin-left:20px; width:400px; height:400px;"></div> 

存在丟失'字符在這兩個:

<script src='http://terryliittschwager.com/WB/jslib/jqplot.canvasTextRenderer.min.js></script> 
<script src='http://terryliittschwager.com/WB/jslib/jqplot.canvasAxisLabelRenderer.min.js></script> 

如果我添加一個'只是jqplot.canvasTextRenderer.min.jsjqplot.canvasAxisLabelRenderer.min.js後,那麼小提琴顯示垂直的y軸標籤。

+1

有時我覺得完全不夠。幸運的是,在我這個年齡段,我可以把它歸咎於另一個高級時刻,不管它是否是。非常感謝。至少我學了一點關於使用jsfiddle.net。 – Terry 2013-03-27 07:15:19

+0

呵呵,沒問題;)樂於幫忙。 – 2013-03-27 07:19:18