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

问题描述 投票:0回答:1

这是我的数据:

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”类型,即使每个图表具有不同的尺寸

这是我的codepen:https://codepen.io/mdurazob/pen/XWbYyma

这实际上是它的外观:https://mdurazob.github.io/feminicidio/plataformafeminicidio.html

d3.js dc.js crossfilter
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.