2013-03-26 3 views
0

Я хотел бы добавить несколько диаграмм на моем графике из json-файла с 4 столбцами (дата, открытый инцидент, закрытый инцидент и инцидент с успехом).
Я могу показать свой график с открытием числа инцидентов (http://jsfiddle.net/269us/), но я не могу найти 3-й и 4-й столбцы файла JSON.Highcharts с JSON для настройки нескольких серий

Вот структура моего файла 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]] 

Я хочу достичь в результате этого типа для того, чтобы настроить каждую серию (открытый, закрытый, в ходе)

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 
     } 

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

    }] 

ответ

1

Я думаю, вы пытаетесь создать 3 массива данных для использования в 3-х сериях (открытые, закрытые и продолжающиеся). Попробуйте что-то вроде этого:

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] 
    ]); 
} 

Теперь sould быть в состоянии использовать эти 3 массивы данных в вашей серии:

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 
    } 
} 
Смежные вопросы