Comment mettre en œuvre Highcharts dynamique

Question

dupliquées possible:
how to add items to an array dynamically in javascript

Après avoir obtenu les données de base de données que je veux transmettre à la série: de highchart. Voici les données.

series: [ 

    // { name: '53411', data:[8151.74,15105.39]}, 
    // { name: '53473', data:[18703.18,6692.23]}, 
    // { name: '500606', data:[-866.78,1311.01]}, 
    // { name: '500613', data:[27621.01,68468.79]}, 
    // { name: '500614', data:[73.3,80.47]} 

] 

Mais je veux que ce soit créé de façon dynamique et que ce que je l'ai fait aussi ci-dessous:

var seriesData = ''; 
for (var i = 0; i < data.length; i++) { 
    if (i == data.length - 1) { 
     seriesData += "{ name:'" + seriesProviderName[i] + "', data:[" + providerist[i] + "," + providersec[i] + "]}"; 
    } 
    else { 
     seriesData += "{ name:'" + seriesProviderName[i] + "', data:[" + providerist[i] + "," + providersec[i] + "]},"; 
    } 

Et après que je passe ce seriesData à Series: [seriesData] mais il ne sera pas imprimer la graphique. parce que c'est une chaîne et qu'il contient des doubles guillemets au début et à la fin et je l'ai vu dans firebug et je ne sais pas comment m'en débarrasser. Par exemple, "seriedData" c'est dans firebug.

"{ name: '53411', data: [8151.74,15105.39]}, 
    { name: '53473', data: [18703.18,6692.23]}, 
    { name: '500606', data: [-866.78,1311.01]}, 
    { name: '500613', data: [27621.01,68468.79]}, 
    { name: '500614', data: [73.3,80.47]} 
    " 

Je souhaite supprimer ces guillemets.

Answer 1

Vous pouvez utiliser eval() ou JSON.parse() ou jQuery.parseJSON() (qui est probablement la meilleure option pour la sécurité et la compatibilité, si vous utilisez jQuery) pour transformer votre objet chaîne dans un objet JSON qui peut ensuite être transmis à Highcharts. Ou, comme dans les commentaires, vous pouvez d'abord créer votre objet en tant que tableau en faisant, par exemple. series[0]['name']=53411;

EDIT: stringify() va dans l'autre sens ... péter le cerveau.

Answer 2

Il est un exemple sur la façon de charger Highcharts avec Ajax:
http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-ajax/