JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

$(function () { 
    var options = {
        chart: {
            type: 'column',
            renderTo: 'container'
        },
        xAxis: {
            categories: []
        },
        series: []
    };

$.get('xml.xml', function(xml) {
    
    var $xml = $(xml);

    $xml.find('dates').each(function(i, cat) {
        options.xAxis.categories.push($(cat).text());
    });

    $xml.find('series').each(function(i, series) {
        var seriesOptions = {
            name: $(series).find('name').text(),
            data: []
        };

        $(series).find('data sample').each(function(i, sample) {
            seriesOptions.data.push(
                parseFloat($(sample).text())
            );
        });
        options.series.push(seriesOptions);
    });

    
    var x;
    $.each(options.xAxis.categories, function(i, cat){
            x=0;
            $.each(options.series, function(j,data){
                x+=data.data[i];
            });
            if(x===0){
                options.xAxis.categories.splice(i,1);
                $.each(options.series, function(j,data){
                    data.data.splice(i,1);
                });
            }
    });
    var chart = new Highcharts.Chart(options);
});
});