Question

我花了两天的大部分时间试图使y轴标签垂直而没有成功。所以，我第一次设置了一个jsfiddle（希望我已经做到了这一点），它显示了与我的代码相同的问题，除了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: '&larr; left &middot; 1000000 in-lbs &middot; right &rarr;'
        },
        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轴标签显示'lbs毛重'。

由于我是亲戚，我们欢迎有关当前问题以外的建议。

Answer 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轴标签。

jqplot y轴标签不是垂直的

1 个答案: