2016-09-13 2 views
0

Привет всем Я новичок, используя Highcharts, у меня есть структура данных, и когда я пытаюсь показать, я не вижу ничегоиспользование Highcharts Api показать кратные значения

function nueva (current_data){ 
    var seriesOptions = [], 
    seriesCounter = 0, 
    type = ['jobs_running', 'jobs_pending']; 
    function createChart() { 
     $('#containerChart').highcharts('StockChart', { 
     rangeSelector: { 
      selected: 4 
     }, 
     tooltip: { 
      pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>', 
      valueDecimals: 2 
     }, 
      series: seriesOptions 
     }); 
    } 
    for (var j = 0; j < current_data['names'].length; j++){ 
     var all_element = [] 
     name_project = current_data['names'][j]; 
     for (var i = 0; i < type.length; i++){ 
     seriesCounter = 0; 
     for (var i = 0; i < type.length; i++){ 
      seriesOptions[j] = { 
       name: type[i], 
       data: current_data[name_project][type[i]], 
      }; 
     } 
     } 
     createChart(); 
    } 
    } 

прохожу current_data моей функции, подобно этому

enter image description here

Я хочу, чтобы показать 'jobs_running' и 'jobs_pendding' Я установить значение seriesOptions

enter image description here

и мой массив данных имеет этот

enter image description here

Любая идея, почему я не вижу ничего в графике! Я чего-то не хватает.

Заранее спасибо

+0

У вас есть ошибки в вашей консоли? Не могли бы вы опубликовать живой пример своей проблемы? –

ответ

2

Надеюсь, вы сможете найти ответ на свой вопрос в этом:

https://jsfiddle.net/ekekp8rh/1/

Не уверен, что вы надеялись получить, но по крайней мере это показывает диаграмму.

var data = { 
projects: [{ 
    name: 'Project X', 
    jobs_running: [ 
     [1459814400000, 121], 
     [1459900800000, 205], 
     [1459987200000, 155], 
     [1460073600000, 458] 
    ], 
    jobs_pending: [ 
     [1459814400000, 146], 
     [1459900800000, 149], 
     [1459987200000, 158], 
     [1460073600000, 184] 
    ] 
    }, { 
    name: 'Project Y', 
    jobs_running: [ 
     [1459814400000, 221], 
     [1459900800000, 295], 
     [1459987200000, 255], 
     [1460073600000, 258] 
    ], 
    jobs_pending: [ 
     [1459814400000, 246], 
     [1459900800000, 249], 
     [1459987200000, 258], 
     [1460073600000, 284] 
    ] 
    }] 
}; 
nueva(data); 

function nueva(current_data) { 
    var seriesOptions = [], 
    type = ['jobs_running', 'jobs_pending']; 
    for (var j = 0; j < current_data['projects'].length; j++) { 
    var project = current_data['projects'][j]; 
    for (var i = 0; i < type.length; i++) { 
     seriesOptions.push({ 
     name: project.name + ' ' + type[i], 
     data: project[type[i]] 
     }); 
    } 
    } 
    $('#containerChart').highcharts('StockChart', { 
    series: seriesOptions 
    }); 
} 
Смежные вопросы