建立dinamic图表仪表板

时间:2017-11-29 09:53:43

标签: javascript node.js charts

我有一个带有REST api的后端来自女巫我想构建一个带有不同过滤器等的仪表板。我检查一下chart.js d3.js ...我的JSON有这样的结构:

[{ 
  id: 33, location: 'Madrid', 
  value: 2.34, 
  country: 'Spain', 
  createdAt: '01/01/2017 11:44' 
}, { 
  id: 34, 
  location: 'Biarritz', 
  value: 3.45, 
  country: 'France', 
  createdAt: '01/02/2017 11:44' 
}]

我需要的是提供一些图表(使用chart.js很容易)但是有没有开箱即用的过滤器(实时)?我的意思是,让图表动态刷新选择日期范围,例如选择国家等... 其他方式......我必须选择:

  • 用JS编写所有内容并刷新我的字符
  • 编写新的api来过滤我的数据

任何帮助?

1 个答案:

答案 0 :(得分:0)

这很大程度上取决于预期的数据量。

如果金额较低,则方案可能如下:

  • 您将从后端返回所有数据
  • 前端只需按您需要的方式过滤

另一方面,如果您有大量数据:

  • 您添加一些参数'过滤器'并在查询数据库时使用它