将数据发送到HighCharts

Question

我需要遍历数据，抓住它的一个变量，然后将其发送到HighCharts

但我无法做到这一点 谁能帮助？

这里是我的代码：

$.ajax({ 
    type: "POST", 
    url: "/", 
    data : { 'perfid': valueOne, 'hostname': $("#host").val(), 'iteration': valueThree}, 
    success: function(data) { 
    $('#img1').hide(); 

    var obj = data[$("#host").val()].iscsi_lif.result.sectoutput.sect; 

    for(var key in obj) { 

      var avg_latency = parseInt(obj[key].avg_latency); 
      i++; 
      console.log(avg_latency);   
    } 


    $('#graphcontainer2').highcharts({ 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Write Latencies' 
    }, 
    xAxis: { 
     type: 'category', 
     labels: { 
      rotation: -45, 
      style: { 
       fontSize: '13px', 
       fontFamily: 'Verdana, sans-serif' 
      } 
     } 
    }, 
    yAxis: { 
     min: 0, 
     title: { 
      text: 'Write Latencies(us)' 
     } 
    }, 
    legend: { 
     enabled: false 
    }, 
    tooltip: { 
     pointFormat: 'Write Latencies: <b>{point.y:.1f}%</b>' 
    }, 
    series: [{ 
     name: 'Write latency', 
     data: [ 
       ['Average Latency', parseInt(avg_latency)], 
       ], 
     dataLabels: { 
      enabled: true, 
      rotation: -90, 
      color: '#FFFFFF', 
      align: 'right', 
      format: '{point.y:.1f}', // one decimal 
      y: 10, // 10 pixels down from the top 
      style: { 
       fontSize: '13px', 
       fontFamily: 'Verdana, sans-serif' 
      } 
     } 
    }] 
}); 

这里是avg_latency的控制台值的截图：

我要显示所有avg_latencies的曲线图。 有人可以请指出我在这段代码中做错了什么。 谢谢。

Answer 1

你应该在字典中传递数据的列表中highchart系列，试试这个：

$.ajax({ 
    type: "POST", 
    url: "/", 
    data : { 'perfid': valueOne, 'hostname': $("#host").val(), 'iteration': valueThree}, 
    success: function(data) { 
    $('#img1').hide(); 

    var obj = data[$("#host").val()].iscsi_lif.result.sectoutput.sect; 
    var my_data_list = []; 
    for(var key in obj) { 
      var avg_latency = parseInt(obj[key].avg_latency); 
      my_data_list.push({name: 'Average Latency', y: parseInt(avg_latency)}); 
      console.log(avg_latency);   
    } 


    $('#graphcontainer2').highcharts({ 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Write Latencies' 
    }, 
    xAxis: { 
     type: 'category', 
     labels: { 
      rotation: -45, 
      style: { 
       fontSize: '13px', 
       fontFamily: 'Verdana, sans-serif' 
      } 
     } 
    }, 
    yAxis: { 
     min: 0, 
     title: { 
      text: 'Write Latencies(us)' 
     } 
    }, 
    legend: { 
     enabled: false 
    }, 
    tooltip: { 
     pointFormat: 'Write Latencies: <b>{point.y:.1f}%</b>' 
    }, 
    series: [{ 
     name: 'Write latency', 
     data: my_data_list, 
     dataLabels: { 
      enabled: true, 
      rotation: -90, 
      color: '#FFFFFF', 
      align: 'right', 
      format: '{point.y:.1f}', // one decimal 
      y: 10, // 10 pixels down from the top 
      style: { 
       fontSize: '13px', 
       fontFamily: 'Verdana, sans-serif' 
      } 
     } 
    }] 
});