Question

I am having an issue using a line chart getting the calculated labels in the x-axis to space properly. If I want to have 5 data points with a few missing (e.g. [1,50.1],[2,49.2],[5,20.4],[6,17],[7,23.3]), the x-axis will show 1 then 2 then a space where 3 and 4 should have been then 5, 6, and 7. What I would like is to have the 5th data point beside the 2nd data point (in the position where the 3rd data point would ideally be). Basically I am trying to hide a data point yet keep the x-axis value in the grid.

Any assistance is much appreciated.

Answer 1

Try this:

<script type="text/javascript">
$(document).ready(function () {
    var plot2 = $.jqplot('chart2', [[[1,50],[2,49],[5,20],[6,17],[7,23]]], {
        title: 'Plot',
        axesDefaults: {
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        },
        axes: {
            xaxis: {
                label: "X Axis",
                pad: 0,
                ticks:[1,2,5,6,7] //you can create this dynamically
            },
            yaxis: {
                label: "Y Axis"
            }
        }
    });
});

UPDATE:

<script type="text/javascript">
$(document).ready(function () {
    var producciones = [];
    for (var i = 0; i < 2000; i++) { producciones.push(new Number(i),new Number(i)) }
    var plot2 = $.jqplot('chart2', [producciones], {
        title: 'Plot',
        axesDefaults: {
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        },
        axes: {
            xaxis: {
                label: "X Axis",
                pad: 0,
                numberTicks: 100
            },
            yaxis: {
                label: "Y Axis"
            }
        }
    });
});