建立动态图表仪表板

Question

我有一个来自女巫的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来过滤我的数据

有什么帮助吗？

Answer 1

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

如果金额较低，则方案可能是以下情况：

• 您从后端返回所有数据
• 前端只是按照您需要的方式对其进行过滤

另一方面，如果您有很多数据：

• 您添加一些参数“过滤器”并在查询数据库期间使用它