javascript - dc.js 每个 sku 的平均值不正确

标签 javascript d3.js dc.js crossfilter

我正在使用维度图表 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/

相关文章:

javascript - 使类的元素可寻址

javascript - C3/D3 饼图图例格式/标签重叠

javascript - 如何在 dc.js 数据表中进行分组?

javascript - Braintree "Transparent Redirect"是如何实现的?

javascript - 如何在 JavaScript 中列出所有数组?

javascript - 焦点图和上下文图的数据分组 - d3.js

javascript - D3js v4 画笔、缩放和点击时居中画笔

javascript - dc.js/Crossfilter - 显示所选维度的分数?

javascript - 条形图的子集序数域

php - 提示不适用于 IF 语句