mysql - d3js : data/column required for time series chart with dropdown list

Question

我想构建以下时间序列图表:

具有以下下拉列表:
1. 体积类别(<50, <100 ...)
2. 时间范围 (01/01/2016, ...)
3.行业(娱乐、金融……)
4. 国家
5. 城市
6. 公司

我引用了 Mike Bostock 的多系列折线图 (https://bl.ocks.org/mbostock/3884955)。

使用的数据/列:日期、纽约、旧金山、奥斯汀

我需要哪些特定的列？
1. 公司
2. 产业
3. 国家
4. 城市
5. 时间范围 = x 轴
6. Volume = count(distinct companies) via group by
7. Volume category = if-condition for Volume

导出MySQL数据不获取volume，至于为什么不获取，引用如下:

[
 {
  "company_name": "Axxxx",
  "industry": "entertainment",
  "country": "USA",
  "city": "SF",
  "date": "2016-01-01"},
 {
  "company_name": "Axxxx",
  "industry": "entertainment",
  "country": "USA",
  "city": "SF",
  "date": "2016-01-01"},
 {
  "company_name": "Axxxx",
  "industry": "entertainment",
  "country": "USA",
  "city": "SF",
  "date": "2016-01-02"},
 {
  "company_name": "Bxxxx",
  "industry": "entertainment",
  "country": "USA",
  "city": "SF",
  "date": "2016-01-01"},
 ...]

问题:如果我使用“group by”来查找卷，那么我将丢失 Timeframe 的日期。基本上，我不确定需要从 MySQL 数据库中提取哪些数据/列来构建图表和下拉列表。

或者，我考虑在加载 JSON 文件后创建可变体积和体积类别。有什么好的例子可以推荐吗？

我目前正在阅读有关构建下拉列表和时间序列图表的示例。

Answer 1

您似乎正在寻找一组 TSV 或 json 格式的数据，d3 可以重新处理这些数据以适应对下拉列表的任何更改。

我希望您所说的时间范围是指:每日、每周、每月、每季度。

如果是这样，那么您需要将数据保留在最好的数据中，仅按行业和城市分组，将不同的公司计为数量(这意味着您不能将公司作为自己的列)，并删除预定的音量类别。

然后您可以在事后使用 d3 浏览此数据以仅过滤特定行业或城市的那些数量，或者对过滤城市的所有行业的所有数量求和，或者对任何行业的所有行业的所有数量求和城市与过滤后的国家相匹配，等等。如果时间范围是最小单位的倍数，则再次为所有这些——每周 7 份日报，每月大约 30 份日报。完成后，您可以在将数据重新绑定(bind)到图表并重新绘制之前更新刚刚在数据中求和的交易量类别。

换句话说，下拉列表的每次更改都将使用针对该选择的专门调整的 sql 查询从后端服务重新请求数据，或者您将在每次页面加载时获得一个数据请求并使用 javascript 来调整基于使用 nest.keys 选择的数据和 nest.rollup .