javascript - dc.js chart redrawing with new group function with click event -

-

i trying redraw dc.js charts new groups when other chart library click event.but doesnt redraw.

here javascript codes:

 var donemchart = dc.rowchart('div#donem'),         hospitaltypechart = dc.rowchart('div#hospital_type'),         ckyshospitalclasschart = dc.rowchart('div#ckys_hospital_class'),         ckyshospitaltypechart = dc.rowchart('div#ckys_hospital_type'),         hospitalhealthregionchart = dc.rowchart('div#hospital_health_region'),         hospitalrolechart = dc.rowchart('div#hospital_role'),         hospitalschart = dc.rowchart('div#hospitals');         d3.json('tsim.json',function(data){          var ndx = crossfilter(data);         var = ndx.groupall();             //define crossfilter dimensions          var donemdim = ndx.dimension(function(d){ return d.donem}),                 hospitaltypedim = ndx.dimension(function(d){ return d.kurum_turu}),                 ckyshospitalclassdim = ndx.dimension(function(d){ return d.ckys_kurum_turu}),                 ckyshospitaltypedim = ndx.dimension(function(d){ return d.ckys_kurum_tipi}),                 hospitalhealthregiondim = ndx.dimension(function(d){ return d.saglik_bolgesi}),                 hospitalroledim = ndx.dimension(function(d){ return d.hastane_rol}),                 hospitalsdim = ndx.dimension(function(d){return d.hastane}) ;          var donemgroup = donemdim.group().reducesum(function(d){return d.toplam_muayene_say}),             hospitaltypegroup = hospitaltypedim.group().reducesum(function(d){return d.toplam_muayene_say}),             ckyshospitalclassgroup = ckyshospitalclassdim.group().reducesum(function(d){return d.toplam_muayene_say}),             ckyshospitaltypegroup = ckyshospitaltypedim.group().reducesum(function(d){return d.toplam_muayene_say}),             hospitalrolegroup = hospitalroledim.group().reducesum(function(d){return d.toplam_muayene_say}),             hospitalsgroup = hospitalsdim.group().reducesum(function(d){return d.toplam_muayene_say}),             hospitalhealthregiongroup = hospitalhealthregiondim.group().reducesum(function(d){return d.toplam_muayene_say});                donemchart                 .width(400)                 .height(300)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(donemgroup)                 .dimension(donemdim)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return "";                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();          hospitaltypechart                 .width(400)                 .height(300)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(hospitaltypegroup)                 .dimension(hospitaltypedim)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return d.value;                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();          ckyshospitalclasschart                 .width(400)                 .height(300)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(ckyshospitalclassgroup)                 .dimension(ckyshospitalclassdim)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return "";                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();          ckyshospitaltypechart                 .width(400)                 .height(500)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(ckyshospitaltypegroup)                 .dimension(ckyshospitaltypedim)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return "";                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();           hospitalhealthregionchart                 .width(400)                 .height(500)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(hospitalhealthregiongroup)                 .dimension(hospitalhealthregiongroup)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return "";                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();          hospitalrolechart                 .width(400)                 .height(500)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(hospitalrolegroup)                 .dimension(hospitalroledim)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return "";                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();           hospitalschart                 .width(1000)                 .height(25000)                 .margins({top: 0, left: 0, right: 0, bottom: 0})                 .group(hospitalsgroup)                 .dimension(hospitalsdim)                 .ordinalcolors(['#e89f00'])                 .label(function (d) {                     return d.key;                 })                  .title(function (d) {                     return "";                 })                 .ordering(function(d) { return -d.value; })                 .valueaccessor(function(p) { return p.value; })                 .elasticx(true)                 .xaxis().tickformat();          chart.addlistener("clickgraphitem", function(event){              if(event.item.datacontext.d_type==1){                  var donemgroup = donemdim.group().reducesum(function(d){return d.toplam_muayene_say}),                         hospitaltypegroup = hospitaltypedim.group().reducesum(function(d){return d.toplam_muayene_say}),                         ckyshospitalclassgroup = ckyshospitalclassdim.group().reducesum(function(d){return d.toplam_muayene_say}),                         ckyshospitaltypegroup = ckyshospitaltypedim.group().reducesum(function(d){return d.toplam_muayene_say}),                         hospitalrolegroup = hospitalroledim.group().reducesum(function(d){return d.toplam_muayene_say}),                         hospitalsgroup = hospitalsdim.group().reducesum(function(d){return d.toplam_muayene_say}),                         hospitalhealthregiongroup = hospitalhealthregiondim.group().reducesum(function(d){return d.toplam_muayene_say});                  dc.redrawall();                }else if(event.item.datacontext.d_type==2){                  var donemgroup = donemdim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say}),                         hospitaltypegroup = hospitaltypedim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say}),                         ckyshospitalclassgroup = ckyshospitalclassdim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say}),                         ckyshospitaltypegroup = ckyshospitaltypedim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say}),                         hospitalrolegroup = hospitalroledim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say}),                         hospitalsgroup = hospitalsdim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say}),                         hospitalhealthregiongroup = hospitalhealthregiondim.group().reducesum(function(d){return d.toplam_a_grubu_ameliyat_say});                   dc.redrawall();             }                  dc.redrawall();           });                 dc.renderall();           });

when click chart getting data type after cheking data type in chart listener function.and grouping dimension new group.when consol logged new groups show doesnt effect redrawing charts.

what can problem? how can solve this?

thanks

you've reassigned reference of hospitaltypegroup variable (for example) different object. chart still holding reference old object. have reset group on hospitaltypechart hospitaltypechart.group(hospitaltypegroup), re-render. (i don't think redrawing work here in lot of cases.)


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more