1

我花了两天的大部分时间试图使 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: '← 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 轴标签显示为“磅毛重”。

由于我是一个相对新手，因此欢迎提出与眼前问题以外的其他建议。

4

1 回答 1

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>

如果我在and'之后添加一个，那么该小提琴将垂直显示 y 轴标签。jqplot.canvasTextRenderer.min.jsjqplot.canvasAxisLabelRenderer.min.js

于 2013-03-27T06:51:32.403 回答