jqplot y轴标签不是垂直的
问题描述:
我花了两天的好时间尝试使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轴标签读取“磅总重量”。
关于除眼前问题以外的其他建议是值得欢迎的,因为我是一个相对的新手。
答
纵观当前的脚本:
<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轴标签。
有时我觉得完全不够。幸运的是,在我这个年龄段,我可以把它归咎于另一个高级时刻,不管它是否是。非常感谢。至少我学了一点关于使用jsfiddle.net。 – Terry 2013-03-27 07:15:19
呵呵,没问题;)乐于帮忙。 – 2013-03-27 07:19:18