来自 json 使用 morris 响应的动态条形图

Question

我有一个网络服务，我从中解析数据并绘制条形图。我正在使用 morris.js 库。

问题：我有这样的网络服务：

http://localhost:9999/hellowebservice/search?select=*

在 select 查询参数中，我传递了我想要搜索的值，例如：

http://localhost:9999/hellowebservice/search?select=x,y

json 响应如下所示：

  "hits" : {
    "total" : 2,
    "max_score" : 1.0,
    "hits" : [ {
      "_id" : "abcd",
      "_score" : 1.0,
      "fields" : {
        "x" : [ "10" ],
        "y : [ "20" ]
      }
    }]
  }
}

当我下次在 select 字段中输入 x, y, z 时，我希望条形图根据输入的字段自动更新

注意：我在 x 轴上使用 _id 值，在 y 轴上输入任何 select 值。

Answer 1

找到解决方案：

使用虚拟值初始化莫里斯图表。然后使用morrisChart.setData()方法动态更新图表。

来自 json 使用 morris 响应的动态条形图

Dynamic bar charts from json response using morris

javascript

ajax

json

morris.js