2013-03-27 137 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