1

我得到这样的结果: 在此处输入图像描述

这很奇怪,因为我到底为什么要在我的 y 轴上得到这个值1 1 2 2 2。我预期的 Y 轴点只有 1 和 2,因为我得到的结果是

[[["2013-01-30", "2"], ["2013-01-31", "2"], ["2013-02-01", "1"]]]

我在这里要做的是将 Y 轴反转为 1 作为最高或顶部,就像在屏幕截图上一样。

这是我的代码:

我通过 ajax 在我的 json 结果中得到了这个。这是结果:

[{"execution_datetime":"2013-01-30","sales_rank":"2"},{"execution_datetime":"2013-01-31","sales_rank":"2"},{"execution_datetime":"2013-02-01","sales_rank":"1"}],这是数据的结果jQuery.each

  var response =[[]];
    var maxSR = 1;
    jQuery.each(data, function(index, value) {
        if( this.sales_rank > maxSR ) {
        maxSR = this.sales_rank; //I am getting the largest number in the response array so that I can assign it on the Y-AXIS MIN 
        }
        response[0].push([this.execution_datetime, this.sales_rank]);
    });

    //response has already a value of:
    //[[["2013-01-30", "2"], ["2013-01-31", "2"], ["2013-02-01", "1"]]]

    var tmpMin = response[0][0];
    var xMin = tmpMin[0];

    var plot2 = $.jqplot('myChart',response,{
    axes:{
        xaxis:{
            renderer:$.jqplot.DateAxisRenderer,
            tickOptions:{formatString:'%b %#d'},
            tickInterval:"1 days",
            min: xMin,
          },
        yaxis:{
            tickOptions:{ formatString:'%d'  },
            max:1,
            min:parseInt(maxSR),
        },
    },
        highlighter:{
            show:true,
            sizeAdjust: 7.5,
        },
        cursor: {
          show:false,
        },
  });

我还尝试删除tickOptions:{ formatString:'%d' },y 轴上的,它似乎正在工作,问题是,我的 Y 轴上有一些我不喜欢的浮动。我将如何解决那个问题?

另一个问题,如果这将得到解决,是否可以设置一种对 x 轴的偏移量,以便点不会位于边界上?

对你的帮助表示感谢!谢谢!:)

4

2 回答 2

1

有了这个,您可以反转 Y 轴值:

tickOptions:{ formatString:'%i'}

要消除 y 轴 1 1 2 2 2 上的值,您应该使用:

numberTicks: value 

是否可以对 x 轴设置一种偏移量,以便这些点不会位于边界上?

你可以使用这个:

xaxis:{
//
min: xMin <-- subtract 1 to this value.

//
yaxis:{
   min: parseInt(maxSR) <-- subtract 1 to this value.
于 2013-02-01T18:36:35.200 回答
0

我认为以下代码中的最大值为 1,最小值为 2。您想将 max 设置为 2 并将 min 设置为 1

yaxis:{
                tickOptions:{ formatString:'%d'  },
                max:1,
                min:parseInt(maxSR),
            },

例子

 yaxis:{
                    tickOptions:{ formatString:'%d'  },
                    max:2,
                    min:1,
                },
于 2013-02-04T03:41:32.377 回答