Фильтр измерений d c. js обновляет все диаграммы - PullRequest
1 голос
/ 18 марта 2020

Это мои данные:

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}

Как вы можете видеть, есть поле "типо", которое указывает, соответствуют ли данные твиту, истории СМИ или подтвержденному случаю убийства женщины.

Я сделал три разных пузырьковых диаграммы в d cjs. Прямо сейчас каждая пузырьковая диаграмма показывает все данные, но я хочу, чтобы каждая диаграмма показывала твиты, истории или подтвержденные случаи соответственно.

Проблема заключается в том, что когда я применяю фильтр к каждому измерению, как в:

const dateDimension3 = ndx.dimension(d => d.tipo);
dateDimension3.filter("tweet")

все диаграммы обновляются, чтобы показывать только тип "твит", даже если каждая диаграмма имеет разное измерение

Это мой код: https://codepen.io/mdurazob/pen/XWbYyma

Вот как это выглядит на самом деле: https://mdurazob.github.io/feminicidio/plataformafeminicidio.html

...