JSFiddle - React, Tailwind, and code Playground

by nathanlogan

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

var highData = {data: [1, 2, 3, 12, 176, 135, 148, 216]};

alert('Total actual categories: '+highData.data.length);

var threshold = 50;

var other = 0;
var newData = [];
for (var i=0; i<highData.data.length; i++) {
    if (highData.data[i] < threshold) {
        other += highData.data[i];
    }
    else {
        newData.push( highData.data[i] );
    }
}

highData.data = newData;

$(function () {
    $('#container').highcharts({

        chart:{
            type:"pie",  
        },
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: false
                }
            }
        },
        
        series: [highData]
    });
});