JSFiddle - React, Tailwind, and code Playground

JavaScript

var sHTMLTable = "> 24 Hrs.,2,19,20,10,27,16,26,64,246,1|> 12 Hrs.,0,0,0,0,0,0,0,0,0,0|> 8 Hrs.,0,0,0,0,0,0,0,0,0,0|> 4 Hrs.,0,0,0,0,0,0,0,0,0,0|Total,2,19,20,10,27,16,26,64,246,1"

sHTMLTable = sHTMLTable.split('|');
for(var i = 0, l = sHTMLTable.length; i < l ; i++){
    temp = sHTMLTable[i].replace(',','_').split('_');
    sHTMLTable[i] = {
        name : temp[0],
        data : temp[1]
    }
}
console.log(sHTMLTable);