2013-03-26 4 views
0

Je voudrais ajouter plusieurs séries dans mon graphique à partir d'un fichier json avec 4 colonnes (date, incident ouvert, incident fermé et incident en cours).
Je peux montrer mon graphique avec le numéro d'incident ouvert (http://jsfiddle.net/269us/) mais je ne peux pas trouver les 3ème et 4ème colonnes du fichier JSON.Highcharts avec JSON pour personnaliser plusieurs séries

Voici la structure de mon fichier JSON:

[[1325462400000,3,12,14] 
[1325548800000,7,14,8] 
[1325635200000,10,11,24] 
[1325721600000,21,13,16] 
[1325808000000,13,15,9] 
[1325894400000,2,15,4] 
[1326067200000,10,13,15]] 

Je veux atteindre à la suite de ce type afin de personnaliser chaque série (ouvert, fermé, en cours)

var date = [] 
    open = [] 
    close = [] 
    inprogress = [] 
    datalength = data.length; 

for (i = 0; i <dataLength; i + +) { 
    date.push ([ 
     data [i] [0] 
    ]); 

    open.push ([ 
     data [i] [1], 
    ]); 

    close.push ([ 
     data [i] [2], 
    ]); 

    inprogress.push ([ 
     data [i] [3], 
    ]); 

    } 

    series: [{ 
     type: 'spline', 
     name: 'open', 
     data: open, 
     dataGrouping { 
       units: groupingUnits 
     } 
    } { 
     type: 'column', 
     name: 'close', 
     data: close, 
     dataGrouping { 
       units: groupingUnits 
     } 

     ............. 
     ............. 

    }] 

Répondre

1

Je pense que vous essayez de créer 3 tableaux de données à utiliser dans 3 séries (ouvert, fermé et en cours). Essayez quelque chose comme ceci:

for (i = 0; i <dataLength; i + +) { 
    var date = data[i][0]; 
    open.push ([ 
     date, 
     data[i][1] 
    ]); 

    close.push ([ 
     data,data[i][2] //data instead of dat. 
    ]); 

    inprogress.push ([ 
     date,data[i][3] 
    ]); 
} 

Vous Sould maintenant être en mesure d'utiliser ces 3 tableaux que les données de votre série:

series: [{ 
    type: 'spline', 
    name: 'open', 
    data: open, 
    dataGrouping { 
      units: groupingUnits 
    } 
}, 
{ 
    type: 'column', 
    name: 'close', 
    data: close, 
    dataGrouping { 
      units: groupingUnits 
    } 
}, 
{ 
    type: 'line', 
    name: 'inprogress', 
    data: inprogess, 
    dataGrouping { 
      units: groupingUnits 
    } 
} 
Questions connexes