我正在使用维度图表 JavaScript 库 dc.js 制作堆积平均条形图,该库基于 d3 和 crossfilter。我是 dc.js 库的新手。我已经显示了行图、饼图和数据表。最初加载数据时,所有堆叠条形图平均值显示正确。当我单击一个值的行图时,平均值堆积条形图的值无法正常显示。我无法理解如何按照 csv 格式创建堆叠条形图。
Sku Stars partner review Date
KBU12 5 Amazon Preferred over the r. 02/05/2016
KBU12 5 Amazon Gorgeous fixture 05/06/2016
KBU12 2 Amazon Awesome value! 02/02/2016
KBU12 2 Homedepot Kitchen Remodel 06/09/2016
KPF1650 3 Homedepot Wow 02/08/2016
KPF1650 4 Homedepot Sharp! 05/04/2015
KPF1650 5 Homedepot cool design 05/05/2015
KPF1650 1 Amazon Beautiful 09/08/2015
KPF1650 2 Amazon Very happy 09/11/2016
GV-100 3 Amazon Great quality 12/12/2015
GV-100 5 Homedepot Love it 01/03/2015
GV-100 1 Homedepot Sad I had to return it 12/10/2014
GV-100 4 Homedepot Beautiful But Stiff 12/11/2014
GV-100 2 Homedepot Kitchen Faucet 10/04/2014
KBU24 3 Build I like the look of faucet 04/05/2014
KBU24 5 Build Commercial style without 06/07/2016
KBU24 4 Build Very Cool 06/07/2014
KBU24 1 Build Excellent! 01/04/2014
KBU24 3 Build A beautiful Vessel Sink 07/06/2013
KBU24 5 Amazon Beautiful addition 05/04/2013
最佳答案
我花了一点时间才弄清楚你在问什么,因为这里没有堆积条形图。
但我看到“合作伙伴审核”图表是空的,并且它使用平均值,所以我认为这就是您要问的问题。
看起来 Stars 的解析不正确:
d.Stars = d.Stars.match(/\d+/);
String.match将返回一个字符串数组。因此,reduceAdd 在尝试求和时无法直接使用它:
p.total += v.Stars;
尝试提取第一个结果并将其转换为整数:
d.Stars = +d.Stars.match(/\d+/)[0];
工作(我认为)你的 fiddle fork :https://jsfiddle.net/gordonwoodhull/5xc9rh4f/1/
关于javascript - dc.js 每个 sku 的平均值不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38824164/