使用 Highcharts Api 显示多个值

Question

大家好我是 highcharts 的新手，我有自己的数据结构，当我尝试显示时，我什么也没看到

  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 传递给我的函数是这样的

我想显示 'jobs_running' 和 'jobs_pendding' 我将值设置为 seriesOptions

我的数据数组有这个

知道为什么我在图表中看不到任何东西！我错过了一些东西。

提前致谢

Answer 1

希望您能从中找到答案：

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

使用 Highcharts Api 显示多个值

use Highcharts Api to show multiples values

highcharts

highstock