dc.js维度过滤器更新所有图表

dc.js维度过滤器更新所有图表,dc.js,crossfilter,Dc.js,Crossfilter,这是我的数据: var data = [ {"date":"04/03/2020","quarter":"q1","fuente":"Periódico Victoria","titulo":"¡Otro feminicidio! Ahora es Hannia, tenía 16 años","tipo":"historia","popularidad":12,"relevancia":13,"ubicacion":"Victoria, Tamahulipas","url":"https://

这是我的数据:

var data = [
{"date":"04/03/2020","quarter":"q1","fuente":"Periódico Victoria","titulo":"¡Otro feminicidio! Ahora es Hannia, tenía 16 años","tipo":"historia","popularidad":12,"relevancia":13,"ubicacion":"Victoria, Tamahulipas","url":"https://periodicovictoria.mx/mexico-y-el-mundo/otro-feminicidio-ahora-es-hannia-tenia-16-anos/","medios":80,"twitter":200},
{"date":"03/03/2020","quarter":"q1","fuente":"El Imparcial","titulo":"Marciano abusó sexualmente y asesinó a una niña de 9 años; le dan prisión vitalicia","tipo":"historia","popularidad":40,"relevancia":12,"ubicacion":"Chalco, Estado de México","url":"http://www.elimparcial.com/mexico/Marciano-abuso-sexualmente-y-asesino-a-una-nina-de-9-anos-le-dan-prision-vitalicia-20200225-0079.html","medios":90,"twitter":210},
{"date":"02/03/2020","quarter":"q1","fuente":"El Siglo de Torreón","titulo":"Feminicida acudió al funeral de su víctima en Baja California","tipo":"historia","popularidad":55,"relevancia":12,"ubicacion":"Torreòn, Coahuila","url":"https://www.elsiglodetorreon.com.mx/noticia/1677021.feminicida-acudio-al-funeral-de-su-victima-en-baja-california.html","medios":120,"twitter":180}

正如您所看到的,有一个字段“tipo”,它指示数据是否对应于推特、媒体报道或确认的女性凶杀案

我在dcjs中制作了三个不同的气泡图。现在每个气泡图显示所有数据,但我希望每个图表分别显示推特、故事或确诊病例

问题在于,当我对每个维度应用过滤器时,如中所示:

const dateDimension3 = ndx.dimension(d => d.tipo);
dateDimension3.filter("tweet")
所有图表更新为仅显示“tweet”类型,即使每个图表具有不同的维度

这是我的密码笔:


这就是它的实际外观:

Hi Manuel的过滤功能(由一个名为crossfilter的库提供支持)旨在跨图表同步过滤。也许您想使用功能
.filter
以外的其他功能。代码笔不工作,其他链接的网站在
tipo
上也不显示任何过滤器。请更新示例代码以澄清问题所在,如中所述。您能否提供一个如何在三个气泡图之间正确过滤的示例?如果数据在两个图表之间不共享,我不确定dc.js/crossfilter的工作情况如何。这些工具依赖于每个图表过滤数据的子集,然后根据数据的聚合绘制每个图表。如果没有公共子集,则它们不会对彼此产生任何影响。这就是说,为了实现这一点,您可以编写组聚合函数,将不匹配的行计数为零,例如
historiaGroup=dim.group().reduceSum(d=>d.tipo=='historia'?1:0)
通常图表会调用
.filter()
,以响应选择的更改。这将影响其他组看到的数据。您需要使用自定义的缩减或影响单个图表的绘制。Hi Manuel的过滤功能(由一个名为crossfilter的库提供支持)旨在跨图表同步过滤。也许您想使用功能
.filter
以外的其他功能。代码笔不工作,其他链接的网站在
tipo
上也不显示任何过滤器。请更新示例代码以澄清问题所在,如中所述。您能否提供一个如何在三个气泡图之间正确过滤的示例?如果数据在两个图表之间不共享,我不确定dc.js/crossfilter的工作情况如何。这些工具依赖于每个图表过滤数据的子集,然后根据数据的聚合绘制每个图表。如果没有公共子集,则它们不会对彼此产生任何影响。这就是说,为了实现这一点,您可以编写组聚合函数,将不匹配的行计数为零,例如
historiaGroup=dim.group().reduceSum(d=>d.tipo=='historia'?1:0)
通常图表会调用
.filter()
,以响应选择的更改。这将影响其他组看到的数据。您需要使用自定义缩减或影响单个图表的绘制。