图表指向错误的X值

Question

我有4个数组来创建一个图表，一切都很好只是一个问题，我的最大值是21，图表中的点位于xAxis 80值，这是唯一的问题，我试图解决它但似乎没什么用，这是我的图表来显示

$(document).ready(function () {
  $('#bt').click(function () {
    draw();
  });
});

function chart(arreglo, arreglo2, arreglo3, arreglo4) {
    $('#Chart').highcharts({
        title: {
            text: 'Inspeccion Dimensional'
        },
        xAxis: {
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Resultados'
            }
        },
        legend: {
            reversed: true
        },
        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },
        series: [{
            name: 'Diameter',
            data: arreglo4.map(function (value) {
                return Number(value);
            })
        }, {
            name: 'Length',
            data: arreglo3.map(function (value) {
                return Number(value);
            })
        }, {
            name: 'Width',
            data: arreglo2.map(function (value) {
                return Number(value);
            })
        }, {
            name: 'Thickness',
            data: arreglo.map(function (value) {
                return Number(value);
            })
        }]
    });
}

function draw() {
  array4 = [4, 8, 13, 17, 21];
  array3 = [3, 7, 12, 16, 20];
  array2 = [2, 6, 11, 15, 19];
  array1 = [1, 5, 9, 14, 18];
  
  chart(array1, array2, array3, array4);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="Chart">
</div>

<button id="bt">Click</button>

Answer 1

您已启用堆叠，这会导致积分值添加到之前的值。

plotOptions: {
        series: {
    //        stacking: 'normal'
        }
    },

示例：https://jsfiddle.net/o73oycbv/