Probleme mit AmCharts generiert Grafikgröße

Question

Ich habe ein Problem, wenn ich ein Kreisdiagramm von Amchars generieren, und das Diagramm hat viele Scheiben der Titel der Scheiben sind durch die Höhe des Div, das das Diagramm enthält versteckt.

Ich bin auf der Suche nach einer Möglichkeit, diese selbstjustierende Höhe zu machen.

Folgen Sie auf das Bild unten mit dem Problem:

Answer 1

Leider sind Ihre Möglichkeiten hübsch wie das Kreisdiagramm beschränkt versucht nicht, die die Etiketten eine Best-Effort zu machen überlappen, was die aus führen kann Grenzen, die Sie erleben.

Wenn Sie alle Etiketten sehen müssen, werden Sie eine oder eine Kombination der labelRadius, startAngle und pullOutRadius Eigenschaften anpassen möchten, um mehr Platz für das Diagramm und Etiketten zu machen.

labelRadius reduziert den Abstand der Etiketten vom Diagramm.

startAngle bestimmt, wo das Kreisdiagramm beginnt zu zeichnen. Wenn Sie den Wert auf 0 setzen, wird der Kuchen links beginnen und enden, wo viel Platz für alle Etiketten ist, die in einem Raum gestopft sind.

pullOutRadius bestimmt den Abstand der Scheibe herausziehen, wenn Sie darauf klicken. Wenn Sie den Wert auf einen kleineren Wert einstellen, wird das Diagramm größer, bei einem größeren verkleinert es sich. Dies erfordert entweder eine prozentuale Zeichenfolge oder numerische Werte.

Wenn Sie mit einer Kombination dieser Einstellungen experimentieren, erhalten Sie möglicherweise das gewünschte Ergebnis.

Wenn Sie nicht alle Beschriftungen sehen wollen oder müssen, besonders für sehr kleine Slices wie in Ihrem Screenshot, dann sollten Sie die hideLabelsPercent Eigenschaft auf einen prozentualen Schwellwert setzen, den Ihre Werte erreichen müssen, um einen zu haben Etikettenset. In Ihrem Fall könnte 1,15 ausreichen, um die restlichen Labels zu verbergen, aber ich kann nicht ohne eine Geige mit Ihren Daten erzählen.