JSFiddle - React, Tailwind, and code Playground

by mstefanko

HTML

<div class="extra-charting-data" style="display:none;">
     <div id="answer-title">Title 1</div>
     <div id="answer-picked">1</div>
     <div id="answer-points">15</div>
     <div id="total-points-earned">15</div>
     <div id="total-users-answered">1</div>
</div>
<div class="extra-charting-data" style="display:none;">
     <div id="answer-title">Title 2</div>
     <div id="answer-picked">1</div>
     <div id="answer-points">5</div>
     <div id="total-points-earned">5</div>
     <div id="total-users-answered">1</div>
</div>

JavaScript

var data = [];
//'{'
$('.extra-charting-data').each(function(index) {
    var axisTitle = $(this).find('#answer-title').html();
    var userPicked = $(this).find('#answer-picked').html();
    var answerPoints = $(this).find('#answer-points').html();
    var totalUsers = $(this).find('#total-users-answered').html();
    var axisData = $(this).find('#total-points-earned').html();
    var axisMin = 0;
    var axisMax = answerPoints * totalUsers;
    

    
    data.push(axisTitle + ':' + axisData);
       

    
    //{"Sales":73,"Marketing":226,"Development":125,"Administration":135,"Support":105},
    //chart.addAxis("Sales", { type: Base, min: 0, max: 100 });
});
var s = data.join(', ');
//data +='}';
console.log(data);