我无法使用 jqplot 正确绘制折线图

Question

我想绘制一个以以下为 x 轴的图表：

var xaxis = [31.1,31.2,31.3,31.4,31.5, 32.1,32.2,32.3,32.4,32.5];

请注意 31.5 和 32.1 之间是如何跳过的。但是，当我绘制折线图时，这两点之间有很大的空间。这是我的代码：

 $(document).ready(function(){

                var cust1 = [[31.1,10],[31.2,15],[31.3,25],[31.4, 60],[31.5,95]];
                var cust2 = [[31.1,0],[31.2,15],[31.3,30],[31.4, 50],[31.5,85]];

                var data = [];
                data.push(cust1);
                data.push(cust2);

                var xaxis = [31.1,31.2,31.3,31.4,31.5, 32.1,32.2,32.3,32.4,32.5];

                var plot3 = $.jqplot('line-chart', data, 
                  { 
                      title:'Design Progress', 

                      axes: {
                          xaxis: {
                              //renderer: $.jqplot.LineRenderer,
                              label: 'Work Weeks',

                              ticks: xaxis
                          },
                          yaxis: {
                              label: "Percent Complete",
                              max: 100,
                              min: 0
                          }
                      }
                  }
                );

            });

我认为这是因为我没有在我的 xaxis 选项中指定渲染器选项。但是，我尝试使用 $.jqplot.LineRenderer 和 $.jqplot.CategoryAxisRenderer 没有任何运气（我什至将我的 xaxis 值设置为字符串，但这不起作用）。有人知道怎么回事吗？

这里有一张图片来进一步澄清：

Answer 1

发生的原因：jQuery flot 库正在使用由您的数据确定的值构建图形。

当您提供此类数据时，插件会将轴值设置为与文本相同，并与您提供的数字的边框相同。 您可以做的是将文本设置为与轴值不同。

您可以通过options.xaxis.ticks.push([value, "the text"])轻松完成。

注意你是要设置哪个标签有哪个轴值的人，这需要在调用$plot之前设置options参数