Legende zum Kreisdiagramm in dc.js hinzufügen
Ich erstelle eine dc.js-basierte Visualisierung, bei der eines der Diagramme ein Kreisdiagramm ist. Sehen:
http://jsfiddle.net/luiseth/t8we6/
Die Besonderheit meines Falls ist, dass die Beschriftungen, die in diesem Diagramm angezeigt werden, normalerweise ziemlich lang sind, so viel, dass sie normalerweise vom Container des Diagramms abgeschnitten werden<div>
). Ich habe mir überlegt, ob sie in einer Legende angezeigt werden sollen, aber ich habe nicht herausgefunden, wie die Legende rechts neben dem Diagramm angezeigt werden soll. Wie kann ich das machen? Herumspielen mit demwidth
hat überhaupt nicht geholfen, da das Diagramm in der Mitte des positioniert wird<div>
.
Mein Code ist im Moment:
chart.width(500)
.height(180)
.radius(80)
.dimension(categoryDimension)
.group(categoryGroup)
.legend(dc.legend().x(140).y(0).gap(5));
Plus ein.label
Anweisung, das Etikett durch einen Prozentsatz zu ersetzen.