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"]
});
});

Current graph with Y axis values problem

Answer 1

您要么删除axesDefaults中的 tickInterval 选项，让jqplot计算自己的刻度，或者在axesDefaults中添加 numberTicks 选项，以告诉jqplot绘制x刻度其中x是numberTicks选项的编号。

如果你使用 axesDefaults：{min：0，tickInterval：1} ，jqplot会从0到你的最大值绘制刻度，间隔为1个单位（80到0，从0到82）
如果您使用 axesDefaults：{min：0} ，jqplot将从0到您的最大值绘制5个刻度（默认情况下），计算两个刻度之间的相同间隙。
如果您使用 axesDefaults：{min：0，tickInterval：1，numberTicks：15} ，jqplot将从0开始绘制15个刻度，间隔为1个单位（从0到15的15个刻度） 14）。
如果你使用 axesDefaults：{min：0，numberTicks：15} ，jqplot将从0到你的最大值绘制15个刻度，计算两个刻度之间的相同间隙。

选择最适合的选项。

jqplot - 想要限制y轴刻度

1 个答案: