D3 Dimple - 将“其他”类别中的小数据系列分组

时间:2018-04-29 22:39:10

标签: javascript d3.js dimple.js

我有一个用凹坑制作的饼图,但是有大量非常小的部分会使图形无法吸引人。是否有d3或dimple函数可以将这些无趣的数据分组到一个类别中?

enter image description here

1 个答案:

答案 0 :(得分:1)

如果没有看到您的代码和数据,很难提供一个与您正在做的完全匹配的具体示例。这可以在使用d3或dimple之前通过过滤和减少几行代码中的值来完成。假设您的商品有标签和值,并且位于名为" all_items"的数组中。您需要设置一个阈值。

const threshold = 100;
big_items = all_items.filter(item => item.value > threshold);
small_items = all_items.filter(item => item.value <= threshold);
collected_value = { 
    label: `other - ${small_items.length} items`,
    value: small_items.reduce((accumulator, item) => accumulator + item.value, 0)
}
big_items.push(collected_value);

然后您可以使用big_items数组创建图表。这并不会自动决定使用哪个阈值并执行您可能正在寻找的工作。