score:1

Accepted answer

it seems that highcharts do not permit to have a pointrange greater than the max value in x or the minrange value.

you can fix that by doing :

$(function () {
    $('#container').highcharts({
        title: {
            text: 'pointrange is too small'
        },
        yaxis: {
            min: 0,
            max: 1
        },
        xaxis: {
            min: 0,
            minrange: 10000
          //^^^^^^^^^^^
        },
        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [{
            data: [
                [0, 1],
                [215, 1],
                // middle of spline data omitted for brevity
                [8189, 0.007198560287942413],
                [8404, 0],
                [8620, 0]
            ],
            type: 'spline',
            marker: {
                enabled: false
            },
            zindex: 1
        }, {
            data: [0.5],
            type: 'column',
            pointinterval: 10000,
            pointpadding: 0.01,
            grouppadding: 0,
            borderwidth: 0,
            shadow: false,
            pointplacement: 'between',
            pointrange: 10000,
            zindex: 0,
            minpointlength: 3,
            datalabels: {
                enabled: true,
                inside: true,
                color: 'white',
                formatter: function () {
                    return 'misplaced'
                }
            }
        }]
    })
})

since you set pointinterval at 10000, i think you can do the same thing with the minrange value ?

score:1

can't you also set a xaxis max of, say, 10500? wouldn't that allow the column to expand to 10k?


Related Query

More Query from same tag