Die Beschriftung einer BarChart-Leiste erhalten Sie unter click dc.js

Question

Also versuche ich ein Ordinal-Balkendiagramm zu erstellen, das beim Klicken auf eine Leiste auf die Bezeichnung des Balkendiagramms zugreift, im Wesentlichen den xUnit-Wert, aber es ist ordinal. Ich habe mit dieser Methode versucht:

barChart.on('renderlet.barclicker', function(chart, filter) 
{ 
    chart.selectAll('rect.bar').on('click.custom', function(d) { 
     console.log("CLICKED!!"); 
    }); 
}); 

aber ich bin nicht sicher, wie das Etikett der Bar für den Zugriff auf und das Click-Ereignis nicht einmal anrufen. (GEKLICKT !! war nie in der Konsole zurückgegeben) .Ich das Diagramm bekam als Ganzes anklickbar zu sein mit

barChart.on('click' , function(chart){ 

}); 

aber ich bin nicht in der Lage meinen Erfolg mit nur Bars zu replizieren.

Answer 1

Ich bin mir nicht sicher, was mit der Erfassung des Klickereignisses falsch läuft. Ich habe Ihren Code in die dc.js-Beispiele bar.html und ordinal-bar.html kopiert und eingefügt, und ich sehe Konsolenprotokolle, wenn ich auf Balken klicke.

Wie für das Label Zugriff wahrscheinlich der beste Weg ist, um die gleiche .label() Accessorfunktion zu verwenden, das das Diagramm selbst verwendet:

  console.log(chart.label()(d));