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

Question

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

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

  

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

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

  

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" ]
      }
    }]
  }
}

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

注意：我使用_id值在x轴上，输入的任何选择值都在y轴上。

Answer 1

找到解决方案：

带有虚拟值的初始化morris图表。 然后使用morrisChart.setData()方法动态更新图表。