根据dc.js中的用户输入构建折线图

时间:2019-03-15 13:15:11

标签: dc.js crossfilter

我不需要对数据进行分组,减少或汇总,因为我想绘制的信息在每一行中。这个想法是用户将选择一个Year和一个StatKey。然后,我想根据它们的选择和其余行中的数据来构建折线图。 x轴将由第一,第十和最后一个数据列组成,而y轴将为0-120。下面是数据示例:

[
{"Year": "2002", "StatKey": "02437", "First": "108.26", "Tenth": "101.20", 
"Last": "81.73"},
{"Year": "2002", "StatKey": "102", "First": "81.24", "Tenth": "75.59", 
"Last": "50.37"},
{"Year": "2002", "StatKey": "326", "First": "76.47", "Tenth": "57.14", 
"Last": "5.88"},
{"Year": "2003", "StatKey": "02437", "First": "106.03", "Tenth": "101.79", 
"Last": "87.44"},
{"Year": "2003", "StatKey": "102", "First": "77.86", "Tenth": "73.95", 
"Last": "48.02"},
{"Year": "2003", "StatKey": "326", "First": "55.56", "Tenth": "47.50", 
"Last": "11.76"},
{"Year": "2004", "StatKey": "328", "First": "74.24", "Tenth": "68.65", 
"Last": "48.03"},
{"Year": "2004", "StatKey": "103", "First": "73.27", "Tenth": "69.55", 
"Last": "54.68"},
{"Year": "2004", "StatKey": "102", "First": "77.23", "Tenth": "73.13", 
"Last": "49.88"}
]

0 个答案:

没有答案