2014-05-07 18 views
6

Ich habe ein Problem mit einem Kreisdiagramm, das ich in Highcharts erstellt habe.Highcharts Kreisdiagramm ändert sich dynamisch Größe

Abhängig von der Platzierung der Datenbeschriftungen wird das Diagramm wachsen oder schrumpfen.

Wir brauchen das Tortendiagramm, um die gleiche Größe zu behalten, also gibt es eine Möglichkeit, die Kreisgröße konstant zu halten und die Beschriftungen darauf anzupassen oder muss ich nur die Beschriftungen in jedem Segment platzieren?

+0

Unforutantely es ist Standardverhalten und Sie können diesen Fall nicht erzwingen, so dass Sie nur Vorschlag @Sualkcin verwenden können. –

Antwort

16

Sie müssen eine feste size für das Tortendiagramm festlegen. Kann ein Prozentsatz oder ein Pixelwert sein. Zum Beispiel:

plotOptions: { 
     pie: { 
      size: 100 
     } 
    }, 

Sehen Sie diese Geige von der API http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/pie-size/

+0

Danke, das hat funktioniert. Ich habe die Größe auf "80%" eingestellt und der Kuchen blieb konstant groß. Das Problem, auf das Sie stoßen, wenn Sie die Größe auf einen festen Wert setzen, besteht darin, dass die Gefahr besteht, dass die Datenbeschriftungen aus dem Blickfeld geraten. Ich werde mit der prozentualen Größe spielen. Ich werde mit dem Prozentsatz und der Größe des DIV spielen, um zu sehen, ob ich ein wenig mehr Platz für die Datenbeschriftungen hinzufügen kann. –

+0

Hier ist ein Beispiel mit der Größe, bei der das Databelabel abgehackt wird: http://jsfiddle.net/4GFyj/ –

+3

Dies ist möglicherweise nicht die gewünschte Lösung, aber Sie können die 'distance'-Eigenschaft der' dataLabels 'auf eine kleinere Zahl oder sogar auf eine negative Zahl setzen, um sie in den Kreisscheiben zu platzieren. Vielleicht ändere die 'Farbe' in Weiß, wenn du das tust. http://jsfiddle.net/4GFyj/2/ – Sualkcin

Verwandte Themen