jqPlot DateAxisRenderer x 轴自身重叠

Question

我正在使用 jqPlot 制作一些随时间变化的数据线图，但运行遇到了一个奇怪的问题 - 看起来它可能是插件本身的错误，但我不确定是什么原因造成的。

基本上，发生的事情是绘图的 x 轴到达绘图的 "end"，然后跳回大约半刻度并继续处理其余数据。

function plot(plotName){
    $.jqplot.config.enablePlugins = true;
    $('#' + plotName).empty();
    var obj = plots[plotName];

    var chartOptions = {
            sortData: false,
            seriesDefaults: {
                    lineWidth:1,
                    rendererOptions: {
                            highlightMouseOver: true,
                            smooth: true
                    },
                    markerOptions:{
                            show:false
                    }
            },
            axes: {
            },
            grid: {
                    background:"#FFFFFF"
            }
    };

    var data = obj.result;
    var params = obj.request;
    var seriesOptions = [];
    var chartData = [];
    var options = chartOptions;

    for(var i=0;i<data.length;i++){
            var obj = data[i];
            chartData.push(obj.elements);
            var option = {label:obj.label}

            seriesOptions.push(option);
    }
    options.series = seriesOptions;
    options.axes.xaxis = {
            label: "Dates",
            renderer: $.jqplot.DateAxisRenderer
    }

    $.jqplot(plotName,chartData, options);
}
plots.plot0 = {"result":[{"z_value":null,"x_markers":[],"label":"A1","y_axis":"A5","elements":[["2014-01-01",null],["2014-01-02",79.02],["2014-01-03",77.28],["2014-01-06",77.7],["2014-01-07",77.15],["2014-01-08",77.64],["2014-01-09",76.65],["2014-01-10",76.13],["2014-01-13",76.53],["2014-01-14",78.06],["2014-01-15",79.62],["2014-01-16",79.18],["2014-01-17",77.24],["2014-01-20",null],["2014-01-21",78.44],["2014-01-22",78.79],["2014-01-23",79.45],["2014-01-24",78.01],["2014-01-27",78.64],["2014-01-28",72.36],["2014-01-29",71.54],["2014-01-30",71.4],["2014-01-31",71.51],["2014-02-03",71.65],["2014-02-04",72.68],["2014-02-05",73.23],["2014-02-06",73.22],["2014-02-07",74.24],["2014-02-10",75.57],["2014-02-11",76.57],["2014-02-12",76.56],["2014-02-13",77.78],["2014-02-14",77.71],["2014-02-17",null],["2014-02-18",78.0],["2014-02-19",76.77],["2014-02-20",75.88],["2014-02-21",75.04],["2014-02-24",75.36],["2014-02-25",74.58],["2014-02-26",73.91],["2014-02-27",75.38],["2014-02-28",75.18],["2014-03-03",75.39],["2014-03-04",75.89],["2014-03-05",76.05],["2014-03-06",75.82],["2014-03-07",75.78],["2014-03-10",75.85],["2014-03-11",76.58],["2014-03-12",76.66],["2014-03-13",75.81],["2014-03-14",74.96],["2014-03-17",75.25],["2014-03-18",75.91],["2014-03-19",75.89],["2014-03-20",75.53],["2014-03-21",76.12],["2014-03-24",77.03],["2014-03-25",77.86],["2014-03-26",77.11],["2014-03-27",76.78],["2014-03-28",76.69],["2014-03-31",76.68],["2014-04-01",77.38],["2014-04-02",77.51],["2014-04-03",76.97],["2014-04-04",75.97],["2014-04-07",74.78],["2014-04-08",74.78],["2014-04-09",75.76],["2014-04-10",74.78],["2014-04-11",74.23],["2014-04-14",74.53],["2014-04-15",73.99],["2014-04-16",74.14],["2014-04-17",74.99],["2014-04-18",null],["2014-04-21",75.88],["2014-04-22",75.96],["2014-04-23",74.96],["2014-04-24",81.11],["2014-04-25",81.71],["2014-04-28",84.87],["2014-04-29",84.62],["2014-04-30",84.3],["2014-05-01",84.5],["2014-05-02",84.65],["2014-05-05",85.85],["2014-05-06",84.92],["2014-05-07",84.62],["2014-05-08",84.0],["2014-05-09",83.65],["2014-05-12",84.69],["2014-05-13",84.82],["2014-05-14",84.84],["2014-05-15",84.12],["2014-05-16",85.36],["2014-05-19",86.37],["2014-05-20",86.39],["2014-05-21",86.62],["2014-05-22",86.75],["2014-05-23",87.73],["2014-05-26",null],["2014-05-27",89.38],["2014-05-28",89.14],["2014-05-29",90.77],["2014-05-30",90.43],["2014-06-02",89.81],["2014-06-03",91.08],["2014-06-04",92.12],["2014-06-05",92.48],["2014-06-06",92.22],["2014-06-09",93.7],["2014-06-10",94.25],["2014-06-11",93.86],["2014-06-12",92.29],["2014-06-13",91.28],["2014-06-16",92.2],["2014-06-17",92.08],["2014-06-18",92.18],["2014-06-19",91.86],["2014-06-20",90.91],["2014-06-23",90.83],["2014-06-24",90.28],["2014-06-25",90.36],["2014-06-26",90.9],["2014-06-27",91.98],["2014-06-30",92.93],["2014-07-01",93.52],["2014-07-02",93.48],["2014-07-03",94.03],["2014-07-04",null],["2014-07-07",95.97],["2014-07-08",95.35],["2014-07-09",95.39],["2014-07-10",95.04],["2014-07-11",95.22],["2014-07-14",96.45],["2014-07-15",95.32],["2014-07-16",94.78],["2014-07-17",93.09],["2014-07-18",94.43],["2014-07-21",93.94],["2014-07-22",94.72],["2014-07-23",97.19],["2014-07-24",97.03],["2014-07-25",97.67],["2014-07-28",99.02],["2014-07-29",98.38],["2014-07-30",98.15],["2014-07-31",95.6],["2014-08-01",96.13],["2014-08-04",95.59],["2014-08-05",95.12],["2014-08-06",94.96],["2014-08-07",94.48],["2014-08-08",94.74],["2014-08-11",95.99],["2014-08-12",95.97],["2014-08-13",97.24],["2014-08-14",97.5],["2014-08-15",97.98],["2014-08-18",99.16],["2014-08-19",100.53],["2014-08-20",100.57],["2014-08-21",100.58],["2014-08-22",101.32],["2014-08-25",101.54],["2014-08-26",100.89],["2014-08-27",102.13],["2014-08-28",102.25],["2014-08-29",102.5],["2014-09-01",null],["2014-09-02",103.3],["2014-09-03",98.94],["2014-09-04",98.12],["2014-09-05",98.97],["2014-09-08",98.36],["2014-09-09",97.99],["2014-09-10",101.0],["2014-09-11",101.43],["2014-09-12",101.66],["2014-09-15",101.63],["2014-09-16",100.86],["2014-09-17",101.58],["2014-09-18",101.79],["2014-09-19",100.96],["2014-09-22",101.06],["2014-09-23",102.64],["2014-09-24",101.75],["2014-09-25",97.87],["2014-09-26",100.75],["2014-09-29",100.11],["2014-09-30",100.75],["2014-10-01",99.18],["2014-10-02",99.9],["2014-10-03",99.62],["2014-10-06",99.62],["2014-10-07",98.75],["2014-10-08",100.8],["2014-10-09",101.02],["2014-10-10",100.73],["2014-10-13",99.81],["2014-10-14",98.75],["2014-10-15",97.54],["2014-10-16",96.26],["2014-10-17",97.67],["2014-10-20",99.76],["2014-10-21",102.47],["2014-10-22",102.99],["2014-10-23",104.83],["2014-10-24",105.22],["2014-10-27",105.11],["2014-10-28",106.74],["2014-10-29",107.34],["2014-10-30",106.98],["2014-10-31",108.0],["2014-11-03",109.4],["2014-11-04",108.6],["2014-11-05",108.86],["2014-11-06",108.7],["2014-11-07",109.01],["2014-11-10",108.83],["2014-11-11",109.7],["2014-11-12",111.25],["2014-11-13",112.82],["2014-11-14",114.18],["2014-11-17",113.99],["2014-11-18",115.47],["2014-11-19",114.67],["2014-11-20",116.31],["2014-11-21",116.47],["2014-11-24",118.62],["2014-11-25",117.6],["2014-11-26",119.0],["2014-11-27",null],["2014-11-28",118.93],["2014-12-01",115.07],["2014-12-02",114.63],["2014-12-03",115.93],["2014-12-04",115.49],["2014-12-05",115.0],["2014-12-08",112.4],["2014-12-09",114.12],["2014-12-10",111.95],["2014-12-11",111.62],["2014-12-12",109.73],["2014-12-15",108.22],["2014-12-16",106.74],["2014-12-17",109.41],["2014-12-18",112.65],["2014-12-19",111.78],["2014-12-22",112.94],["2014-12-23",112.54],["2014-12-24",112.01],["2014-12-25",null],["2014-12-26",113.99],["2014-12-29",113.91],["2014-12-30",112.52],["2014-12-31",110.38]]}],"title":"A1","type":"time_series","end_date":"2015-01-01","start_date":"2001-01-01"};
plot("plot0");

Here's a fiddle.

我不会说我在这里做了什么特别不寻常的事情。如您所见，无论我的数据集有多大，我都会遇到同样的问题。有没有人运行解决了这个问题？它实际上是插件中的错误还是我在这里做了一些愚蠢的事情？

Answer 1

显然，日期轴渲染器尤其存在某种空值问题。在其他渲染器将跳过该值并移动到下一个适当的 x 位置的情况下，此渲染器会将值偏移 1。我的数据集中的空值越多，最终点变得越倾斜。我现在从我的数据中过滤掉空值，现在一切正常。

jqPlot DateAxisRenderer x 轴自身重叠

jqPlot DateAxisRenderer x axis overlapping itself

jquery

jqplot