【问题标题】:Highcharts need parse data for showing points?Highcharts 需要解析数据来显示点?
【发布时间】:2016-09-20 00:48:24
【问题描述】:

我有高图表:

            data: (function () {

                $.ajax({
                    type: "GET",
                    url: "http://localhost:8080/flkLive/ws/root/success",
                    success: function(values){

                        getAllDataValues(values);
                    }
                });
            }())
        }]
    });

});

函数getAllDataValues(值){

var array_keys = [];
var array_values = [];
var data = [];

for (var key in values) {
    if (values.hasOwnProperty(key)) {
        array_keys.push(key);
        array_values.push(values[key]);
    }
}
array_keys.sort();
array_values.sort();

for (var i = 0; i < array_keys.length; i++){
    data.push(Date.parse(array_keys[i] + " UTC"), parseFloat(array_values[i]))
}

alert(data);
return data;

}

但是图表中没有出现任何值...

警报正确显示值!

谢谢!

【问题讨论】:

  • 花点时间正确格式化您的问题,我们会提供帮助。
  • 要查看数据的格式,您可以使用 console.log 代替 alert。您是否考虑过使用 $.getJSON 而不是标准的 Ajax 调用?您的控制台中是否有任何错误?
  • "警报正确显示值!" - 向我们展示价值观

标签: javascript jquery json ajax highcharts


【解决方案1】:

试试这样的:

$(function() {
  $(document).ready(function() {
    $.getJSON('http://localhost:8080/flkLive/ws/root/success', function(data) {
      $('#container').highcharts({
        series: [{
          data: getAllDataValues(data)
        }]
      });
    });
  });

  function getAllDataValues(values) {

    var array_keys = [];
    var array_values = [];
    var data = [];

    for (var key in values) {
      if (values.hasOwnProperty(key)) {
        array_keys.push(key);
        array_values.push(values[key]);
      }
    }
    array_keys.sort();
    array_values.sort();

    for (var i = 0; i < array_keys.length; i++) {
      data.push(Date.parse(array_keys[i] + " UTC"), parseFloat(array_values[i]))
    }

    alert(data);
    return data;
  }
});

【讨论】:

  • 工作但使用返回 [[Date.parse("2016-09-20 21:25 UTC"), 66] ];
  • 什么不起作用?我没有对您的getAllDataValues() 进行任何更改。服务中的数据是如何构成的?
猜你喜欢
  • 2018-12-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-30
  • 1970-01-01
  • 2020-01-03
  • 1970-01-01
相关资源
最近更新 更多