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

Question

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

问题： 我有这样一个Web服务：

http://localhost:9999/hellowebservice/search?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" ] 
     } 
    }] 
    } 
} 

当我在选择字段下一次进入x, y, z，我想自动更新基于输入字段条形图

注：我m使用_id值在x轴上，无论选择值是在y轴上输入。

Answer 1

找到的解决方案：

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