代码之家  ›  专栏  ›  技术社区  ›  Vamsi

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

  •  0
  • Vamsi  · 技术社区  · 10 年前

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

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

    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 下次在选择字段中,我希望根据输入的字段自动更新条形图

    注意:我正在使用 _id 值在x轴上,输入的任何选择值在y轴上。

    1 回复  |  直到 8 年前
        1
  •  1
  •   Vamsi    10 年前

    找到的解决方案:

    用伪值初始化了morris图表。 然后使用 morrisChart.setData() 方法动态更新图表。