So spezifizieren Sie eine Größe für die google-Kreisdiagramme?

Ich habe Probleme beim ändern der Größe einer google Kreisdiagramm, das ich gemacht habe. Ich bin versucht zu zeichnen mehrere Kreisdiagramme mit der Größe jedes Diagramms proportional zu der Gesamtmenge der Daten, die ich bin, ihn zu füttern. Ich bin mir bewusst, dass wir in der Lage, ändern Sie die Größe der div-container des Diagramms durch hinzufügen von Optionen, um das Diagramm wie folgt:

var options = {width: 400, height: 300};

Jedoch, was mich interessiert, ist nicht die änderung der Größe der div, aber der eigentliche Kreisdiagramm.

Gibt es eine Möglichkeit, ich kann, ändern Sie den radius des Kreisdiagramms?

Ich gesucht habe um und war nicht in der Lage, etwas zu finden. Hier wird schnell malen, was ich meine:

So spezifizieren Sie eine Größe für die google-Kreisdiagramme?

Wie Sie sehen können, was ich möchte, ist für die div zu bleiben, auf die gleiche Größe, aber die Größe des Kreises zu verändern, je nachdem, welchen Wert ich es füttern.

Jede Hilfe ist willkommen

InformationsquelleAutor L. Chen | 2017-03-30
  1. 7

    versuchen die option für chartArea

    z.B.

    chartArea: {width: 400, height: 300}

    • Hey sorry für die späte Antwort, irgendwie bekomme ich keine Benachrichtigungen für diese Antworten. Das ist nicht gerade das, was ich suchte (ich wollte explizit einen radius für den Kreis). chartArea macht die Größe des Kreisdiagramms angewiesen auf die Umgebung. Ich habe mich entschieden für diese Lösung, aber, da Tat es mir helfen, den Kuchen anders zu bemessen, während Sie in der Lage zu halten die divs die gleiche Breite und Höhe. Danke!!!!
    InformationsquelleAutor WhiteHat
  2. 1

    Versuchen, das Beispiel als unten
    http://jsfiddle.net/toddlevy/c59HH/ 

    function initChart() {
var options = {
    legend:'none',
    width: '100%',
    height: '100%',
    pieSliceText: 'percentage',
    colors: ['#0598d8', '#f97263'],
    chartArea: {
        left: "3%",
        top: "3%",
        height: "94%",
        width: "94%"
    }
};
    InformationsquelleAutor Shailesh Tiwari
Schreibe einen Kommentar