Push strings from data attributes into array

Question

I'm planning to use a bar chart plugin from this site. How would you push the strings from each div.get's data attribute into the array arrayOfData?

For example:

<div class="get" data-stats="10.3,'Jan','#222222'"></div>
<div class="get" data-stats="15.2,'Feb','#7D252B'"></div>

I want to push the strings from data-stats into an array like this:

arrayOfData = new Array(
 [10.3,'Jan','#222222'],
 [15.2,'Feb','#7D252B']
);

Is push the correct way of doing this? I can't pass the strings into the array at all in the failed example. Any help would be appreciated.

HTML:

<div id="exampleSimple" style="width: 400px; height: 300px; position: relative; text-align: center;"></div>

<div class="get" data-stats="10.3,'Jan','#222222'"></div>
<div class="get" data-stats="15.2,'Feb','#7D252B'"></div>
<div class="get" data-stats="13.1,'Mar','#EB9781'"></div>
<div class="get" data-stats="16.3,'Apr','#FFD2B5'"></div>
<div class="get" data-stats="14.5,'May','#4A4147'"></div>

Jquery:

$(function() {
  var arrayOfData = [];
  $('.get').each(function(get){
   var getstats = $(this).data('stats');  
      arrayOfData.push(getstats);
   });

  $('#exampleSimple').jqbargraph({
     data: arrayOfData 
  });
});

Rashmin Javiya · Accepted Answer · 2014-06-15 10:01:56Z

3

Split the states data by comma seprator, and you need to remove single quote from the second and third array item in order to apply color correctly

DEMO

$(function() {
    var arrayOfData = [];
    $('.get').each(function(get){
        var getstats = $(this).data('stats').split(',');

        getstats[1] = getstats[1].replace(/'/g,'');
        getstats[2] = getstats[2].replace(/'/g,'');

        arrayOfData.push(getstats);
    });

    $('#exampleSimple').jqbargraph({
        data: arrayOfData 
    });
});

answered Jun 15, 2014 at 10:01

Rashmin Javiya

5,2223 gold badges31 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shaunak D · Accepted Answer · 2014-06-15 10:11:57Z

1

Working Demo

You need to pass an array to `arrayOfData' , you were passing just the string before.

1st parameter as an integer - bar length.
2nd parameter as string - Month.
3rd parameter as string - color.

$(function () {
    var arrayOfData = new Array();
    $('.get').each(function () {
        var getstats = $(this).data('stats');
        getstats = getstats.split(',');
        getstats[0] = parseInt(getstats[0]);
        getstats[1] = getstats[1].replace(/\'/g, '');
        getstats[2] = getstats[2].replace(/\'/g, '');

        arrayOfData.push(getstats);
    });
    console.log(arrayOfData[1]);
    $('#exampleSimple').jqbargraph({
        data: arrayOfData
    });
});

answered Jun 15, 2014 at 10:11

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

Comments

Tomanow · Accepted Answer · 2014-06-15 10:20:35Z

1

It seems like you have an array of arrays so that you should try this:

arrayOfData.push(getstats.split(','));

your data('stats') is a string so you will need to extract from it. Also, remove the single quotes within the data attributes.

fiddle

edited Jun 15, 2014 at 10:20

answered Jun 15, 2014 at 9:48

Tomanow

7,3953 gold badges30 silver badges52 bronze badges

Collectives™ on Stack Overflow

Push strings from data attributes into array

3 Answers 3

Comments

Working Demo

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related