Highcharts in use for more than 11 bugs in a series

JS script:

$ (function () {$ (' #container '). Highcharts ({chart: {type: ' column '}, Title: { Text: ' Stacked column chart '}, Xaxis: {categories: [' Apples ', ' oranges ', ' Pears ', ' grapes ' , ' Bananas '}, YAxis: {min:0, title: {text: ' Total fruit consumptio N '}, Stacklabels: {enabled:true, style: {Fontwe ight: ' Bold ', Color: (highcharts.theme && Highcharts.theme.textColor) | | ' Gray '}}, tooltip: {formatter:function () {return            ' + this.series.name + ': ' + this.y + ' (' + math.round (this.percentage) + '%) ';                    }}, Plotoptions: {column: {stacking: ' normal ', DataLabels: { Enabled:true, Color: (HigHcharts.theme && Highcharts.theme.dataLabelsColor) | | ' White '}}, series: [{name: ' John ', data: [5, 3, 4, 7, 2 ]}, {name: ' Jane ', data: [2, 2, 3, 2, 1]}, {name: ' Joe ', dat A: [3, 4, 4, 2, 5]}, {name: ' Joe ', Data: [3, 4, 4, 2, 5]}, {name: ' Joe '            , Data: [3, 4, 4, 2, 5]}, {name: ' Joe ', Data: [3, 4, 4, 2, 5]}, {        Name: ' Joe ', Data: [3, 4, 4, 2, 5]}, {name: ' Joe ', Data: [3, 4, 4, 2, 5] }, {name: ' Joe ', Data: [3, 4, 4, 2, 5]}, {name: ' Joe ', Data: [3 , 4, 4, 2, 5]}, {name: ' Jack ',///lower corner marked with data: [8, 4, 4, 2, 5]},{name: ' Not 11 ah ', data:[]}, {name: ' Nancy ',//lower corner labeledData: [7, 4, 4, 2, 5]},{name: ' Not 13 ah ',//should be 13 data:[]}, {    Name: ' Kog ',//The lower corner is labeled as data: [5, 4, 4, 2, 5]},{},{}]});     var chart = $ (' #container '). Highcharts ();     Chart.series[10].remove ();     Chart.series[11].remove ();    Chart.series[12].remove (); Chart.series[13].remove ();});

HTML page data:

The last picture shown:


It is easy to see a bug when the series is over 11, and the series API call is wrong. I use HIGHCHARTS4, do not know when the official can be changed!!



Highcharts in use for more than 11 bugs in a series