将数据从hashmap获取到highcharts

图表不起作用的原因是 series 指定动态 this.data 至图表:

series: [{
    name: 'Population',
    data: [Timeout: 180, ClientHandler: 307, Transport: 199, UnknownHost: 127, Reflections: 140]
}]

这是不正确的格式 系列 。格式应为以下两种格式之一:

将所有数据点绘制为一个

series [{ name: 'Population', data:[180, 307, 199, 127, 140] }]

将所有数据点绘制为每个名称的系列

series [{ name: 'Timeout', data: [180] }, { name: 'ClientHandler', data: [307] }, { ... }]

因此,您需要编写一个循环,将响应划分为上述格式之一。看到你的图表结构,我 认为 您正在寻找第二种方法。

我做了一个简单的决定 for-loop 它从对象中提取数据用于演示:

var testdata = {Timeout: 180, ClientHandler: 307, Transport: 199, UnknownHost: 127, Reflections: 140}
var chartdata = []
var i = 0;
Object.keys(testdata).forEach(function(key) {

  chartdata[i++] = {name: key, data: [testdata[key]]};

});

在此循环之后, chartdata 将看起来像:

[{ name: 'Timeout', data: [180] }, { name: 'ClientHandler', data: [307] }, { ... }]

剩下的就是更改代码 系列 接受 图表数据 作为整个系列对象:

series: chartdata

图表将起作用。

Here 您可以找到一个非常简单的JSFIDLE来显示这一点。