jqplot pass array uncaught exception: No Data

Question

I am trying to pass the contents of an array to the jplot function but I am getting No data. The array has been json encoden in php and it is an associative array.

 $.ajax({
             type: "POST",
             url: "actions/myphp.php",
             data: PassArray,
             dataType: 'json',
             beforeSend: function (html) { // this happens before actual call
             //    alert(html);
             },
 success: function (html) { // this happens after we get results
                 // $("#loginoutcome").text(html);
                // alert(html);
                 var obj  =html ;
                // Now the two will work
                 $.each(obj, function(key, value) {
                       alert(key + ' ' + value);
                 });


                 var s1 = obj;
                       var plot8 = $.jqplot('pie8', [s1], {
                           grid: {
                               drawBorder: false,
                               drawGridlines: false,
                               background: '#ffffff',
                               shadow: false
                           },
                           axesDefaults: {},
                           seriesDefaults: {
                               renderer: $.jqplot.PieRenderer,
                               rendererOptions: {
                                   showDataLabels: true
                               }
                           },
                           legend: {
                               show: true,
                               rendererOptions: {
                                   numberRows: 1
                               },
                               location: 's'
                           }
                       });

I have also tried to pass it using var s1 = [obj]; but that didn't work also ...

Any errors? Can you look at the ajax call in Firebug? What is the result of the POST? — Owlvark, Mar 10 '13 at 22:52
Please let us see the content of s1. You can use console.log(s1) after your Ajax call — AnthonyLeGovic, Mar 11 '13 at 07:29

score 1 · Accepted Answer · answered Mar 11 '13 at 22:22

This now works I was not using the array properly

 success: function (html) { // this happens after we get results

                // alert(html);
                 var obj  =html ;
                // Now the two will work
                 $.each(obj, function(key, value) {
                       alert(key + ' ' + value);
                      myArr.push([key, value]);
                 });


                  s1 = myArr;
                       var plot8 = $.jqplot('pie8', [s1], {

                           seriesColors: [ "#EB0712", "#12C456", "#EAA228", "#579575", "#839557", "#958c12",
                                           "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc"], 
                           grid: {
                               drawBorder: false,
                               drawGridlines: false,
                               background: '#ffffff',
                               shadow: false

                           },
                           axesDefaults: {},
                           seriesDefaults: {
                               renderer: $.jqplot.PieRenderer,
                               rendererOptions: {
                                   showDataLabels: true
                               }
                           },
                           legend: {
                               show: true,
                               rendererOptions: {
                                   numberRows: 1
                               },
                               location: 's'
                           }
                       });


             },

jqplot pass array uncaught exception: No Data

1 Answers1