2013-03-27 3 views
1

Я потратил большую часть двух дней, пытаясь сделать вертикальную ось y без изменений. Итак, в первый раз я создал jsfiddle (надеюсь, что я сделал это правильно), который показывает ту же проблему, что и мой код, который, кроме проблемы с меткой оси y, работает так, как должен.jqplot y-axis label не является вертикальным

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); 

Я думал, что поставляет labelRenderer для оси у будет вызывать по умолчанию будет вертикальное выравнивание этого ярлыка, но такое не так, и я не могу понять, почему.

jsfiddle находится на http://jsfiddle.net/tliitts/RkkeT/14/

неясного этикетки у оси считывает «фунтов вес брутто».

Предложения, относящиеся к другим, чем непосредственная проблема, приветствуются, поскольку я относительный newbiew.

ответ

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.js и jqplot.canvasAxisLabelRenderer.min.js, то, что скрипка будет отображаться метка оси Y вертикально.

+1

Иногда я чувствую себя совершенно неадекватным. К счастью, в моем возрасте я могу обвинить его в другом старшем моменте, независимо от того, есть он или нет. Большое спасибо. По крайней мере, я немного узнал об использовании jsfiddle.net. – Terry

+0

Хе-хе, не проблема;) Рад помочь. –

Смежные вопросы