JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?.js"></script>
<div id="chart_div"></div>

JavaScript

function drawActiveJobsChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string','Systems');
    data.addColumn('number', 'Counts');
    data.addColumn({type: 'string', role: 'style'});
    
    // create some synthetic data to match your 
    var json = {
        SysActNum: {foo: 10, bar: 20, baz: 30, bat: 40}
    };
    
    // commented out $.getJSON so we can run this on jsfiddle
    //$.getJSON('SubSystemNumbers.action', function(json) {
        $.each( json.SysActNum, function( key, val ) {
            var style = (val >= 30) ? 'color: red' : null;
            data.addRow([key, val, style]);
        });
    //});
    
    var options = {
        title: 'System Numbers',
        width:900, height:400,
        allowHtml: true,
        hAxis: {title: 'Systems', titleTextStyle: {color: 'red'},textStyle: {color: 'red'}}
    };
    
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}
google.load('visualization', '1', {packages:['corechart'], callback: drawActiveJobsChart});