javascript - jqplot - 想要限制 y 轴刻度

Question

在下面的代码中，y 轴值不可读，我猜它是重叠的。如何设置合适的y轴刻度范围:

        $(document).ready(function(){
            var line1 = [82,82];
            var line2 = [22,22];
            var line3 = [0,0];


 var ticks = [1,2];$.jqplot('line', [line1, line2, line3], {
    animate: true,
    axesDefaults:{min:0,tickInterval: 1},        
    seriesDefaults: {
        rendererOptions: {
            smooth: true
        }
    },
    series: [{lineWidth: 1.5, label: 'Passed'},
        {lineWidth: 1.5, label: 'Failed'},
        {lineWidth: 1.5, label: 'Skipped'}],
    axes: {
        xaxis: {
            label: "Run Number",
            ticks: ticks,
            tickOptions: {

                formatString: "%'d Run"

            },
            pad: 1.2,
            rendererOptions: {
                tickInset: 0.3,
                minorTicks: 1
            }
        },
        yaxis: {

            label: "TC Number me"

            ,tickOptions: {
                formatString: "%'d Tc"
                },
        }
    },
    highlighter: {
        show: true,
        sizeAdjust: 10,
        tooltipLocation: 'n',
        tooltipAxes: 'y',
        tooltipFormatString: '%d :&nbsp;<b><i><span style="color:black;">Test Cases</span></i></b>',
        useAxesFormatters: false
    },
    cursor: {
        show: true
    },
    grid: {background: '#ffffff', drawGridLines: true, gridLineColor: '#cccccc', borderColor: '#cccccc',
        borderWidth: 0.5, shadow: false},
    legend: {show: true, placement: 'outside', location: 'e'},
    seriesColors: ["#7BB661", "#E03C31", "#21ABCD"]
});
});

Answer 1

您必须删除 axesDefaults 中的 tickInterval 选项让 jqplot 计算他自己的刻度，或者在 axesDefaults 中添加 numberTicks 选项以告诉 jqplot 绘制 x 个刻度其中 x 是指定给 numberTicks 选项的数字。

• 如果您使用 axesDefaults:{min:0, tickInterval:1}，jqplot 将绘制从 0 到最大值的刻度，间隔为 1 个单位(从 0 到 82 的刻度超过 80 个) .
• 如果您使用 axesDefaults:{min:0}，jqplot 将绘制 5 个刻度(默认情况下)从 0 到您的最大值，计算两个刻度之间的相同差距。
• 如果您使用 axesDefaults:{min:0, tickInterval:1, numberTicks:15}，jqplot 将从 0 开始绘制 15 个刻度，间隔为 1 个单位(从 0 到 15 个刻度14).
• 如果您使用 axesDefaults:{min:0, numberTicks:15}，jqplot 将从 0 到您的最大值绘制 15 个刻度，计算两个刻度之间的相同差距。

选择最合适的选项。