【问题标题】:jqplot y-axis label isn't verticaljqplot y轴标签不垂直
【发布时间】:2013-03-27 03:37:30
【问题描述】:

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

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

【问题讨论】:

    标签: jqplot


    【解决方案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 轴标签。

    【讨论】:

    • 有时我觉得完全不够。幸运的是,在我这个年纪,我可以把它归咎于另一个高级时刻,不管是不是。非常感谢。至少我学到了一点关于使用 jsfiddle.net 的知识。
    • 呵呵,没问题;)乐于助人。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多