Wie formatieren Sie zahlen in Google-API Linechart?

Gibt es zwei Schritte. Der erste Schritt ist, um herauszufinden, welche Muster Sie verwenden sollten; der zweite Schritt besteht darin, das Muster an der richtigen Stelle im code. Um diesem post noch schöner, ich zeige Ihnen, Schritt 2 und dann Schritt 1.

Schritt 2: Setzen Sie das Muster in Ihrem code

Hier der code:

var options = {
        hAxis: {format:'###,###'}
        vAxis: {title: 'Time', format:'0.0E00'},
    };
    var formatter1 = new google.visualization.NumberFormat({pattern:'###,###'});
    formatter1.format(dataTable, 0);
    var formatter2 = new google.visualization.NumberFormat({pattern:'0.0E00'});
    formatter2.format(dataTable, 1);
    var fchartvar = new google.visualization.LineChart(document.getElementById('fchart'));
    fchartvar.draw(dataTable, options);

vAxis: {title: 'Time', format:'0.0E00'} Formate der Etiketten auf der vertikalen Achse.

Diese Formate der zahlen, die Sie sehen, wenn Sie die Maus über die Punkte auf der Linie Diagramm:

var formatter1 = new google.visualization.NumberFormat({pattern:'0.0E00'});
formatter1.format(dataTable, 1);

Hinweis, wie (dataTable,0) Formate der hAxis Informationen während (dataTable,1) Formate der vAxis Informationen (wieder, die Sie sehen, wenn Sie den Mauszeiger über die Punkte auf dem Diagramm).

Den letzten zwei Zeilen code:

var fchartvar = new google.visualization.LineChart(document.getElementById('fchart'));
fchartvar.draw(dataTable, options);

sind für Sie zwei vergleichen mit Ihrer eigenen Grafik. Ersetzen fchartvar,dataTable und fchart durch die Namen in Ihrem code verwendet. Wenn Sie etwas anderes als line-chart, ersetzen LineChart mit dem Diagramm die Sie verwenden.

Beispiel 0.0E00 dreht 1,234 in 1.2E03.

Schritt 1: Finden der richtigen Muster

Google NumberFormat Dokumentation

NumberFormat die folgenden Optionen unterstützt, übergeben an den Konstruktor: (Quelle: Google NumberFormat-Dokumentation)

decimalSymbol

• Ein Zeichen zu benutzen, als Dezimalzeichen. Der Standardwert ist ein Punkt (.).

fractionDigits

• Eine Zahl angeben, wie viele Nachkommastellen für die Anzeige nach dem Komma. Die
  der Standardwert ist 2. Wenn Sie mehr Ziffern hat, als die Zahl enthält, es
  wird die Anzeige von Nullen für die kleineren Werte. Werte werden abgeschnitten
  gerundet (5 aufgerundet).

groupingSymbol

• Ein Zeichen genutzt werden, um die Gruppe stellen Links von der Dezimalstelle
  in Gruppen von drei. Standardwert ist ein Komma (,).

negativeColor

• Die text-Farbe für negative Werte. Kein default-Wert. Werte können sein
  keine akzeptablen HTML-Farbwert, wie "red" oder "#FF0000".

negativeParens

• Einen booleschen Wert, wo true gibt an, dass die Werte negativ werden sollte
  umgeben von Klammern. Der Standardwert ist true.

Muster

• Einen format-string. Wenn vorgesehen ist, werden alle anderen Optionen werden ignoriert, außer
  negativeColor.

  Format-string ist eine Teilmenge der ICU Muster set. Zum Beispiel,
  {Muster:'#,###%'} wird das Ergebnis in die Ausgabe-Werte "1,000%", "750%", und
  "50%" für die Werte 10, 7.5 und 0.5.

Präfix

• Ein string-Präfix für den Wert, zum Beispiel "$".

suffix

• Ein string suffix für den Wert, zum Beispiel "%".

ICU DecimalFormat Referenz

Wie Sie vielleicht bemerkt haben das Google NumberFormat Dokumentation vor, Sie können finden Sie mehr detaillierte Informationen über die Formatierung der zahlen von der Intensivstation DecimalFormat Referenz. Hier einige der wichtigsten Informationen aus der ICU DecimalFormat Referenz (es ist in der 'Mitte' der Seite):

Einem DecimalFormat Muster enthält eine postive und negative Teilmuster, zum Beispiel, "#,##0.00;(#,##0.00)". Jedes subpattern hat ein Präfix, einem numerischen Teil und einem suffix. Wenn es keine explizite negative Teilmuster, die negativen Teilmuster ist die lokalisierte minus-Zeichen vorangestellt, um die positiven subpattern. Das heißt, "0.00" allein gleichbedeutend ist mit "0.00;-0.00". Wenn es eine explizite negative Teilmuster, es dient nur zur Angabe der negativ-Präfix und suffix; die Anzahl der Ziffern, minimale Ziffern und anderen Eigenschaften ignoriert, die negativen subpattern. Das bedeutet, dass "#,##0.0#;(#)" hat genau das gleiche Ergebnis wie "#,##0.0#;(#,##0.0#)".

Präfixe, Suffixe und verschiedene Symbole für die Unendlichkeit, zahlen, Tausendertrennzeichen, Dezimaltrennzeichen etc. können festgelegt werden, um beliebige Werte, und Sie werden korrekt angezeigt während der Formatierung. Allerdings muss darauf geachtet werden, dass die Symbole und Zeichenfolgen nicht in Konflikt, oder die Analyse unzuverlässig. Zum Beispiel, entweder in die positive und negative Präfixe oder Suffixe unterscheiden müssen für parse (), um in der Lage sein, zu unterscheiden, positive von negativen Werten. Ein weiteres Beispiel ist, dass die Dezimaltrennzeichen und Tausendertrennzeichen werden sollten deutliche Zeichen, oder Analyse unmöglich wird.

Die Gruppierung separator ist ein Zeichen, das trennt Cluster von integer-Ziffern zu größeren zahlen mehr lesbar. Es Häufig für die Tausende, aber in einigen Ländern ist es trennt sich zehn-Tausende. Die Gruppierung der Größe ist die Anzahl der Ziffern zwischen den Gruppierungs-Trennzeichen, z.B. 3 für "100,000,000" oder 4 "1 0000 0000". Es gibt tatsächlich zwei verschiedene Gruppierung Größen: Eine für die am wenigsten signifikante integer-Ziffern, die primäre Gruppierung Größe, und man verwendet für alle anderen, die sekundäre Gruppierung der Größe. In den meisten Gebietsschemas diese sind die gleichen, aber manchmal sind Sie Verschieden. Zum Beispiel, wenn die primäre Gruppierung Intervall 3 und der Sekundarstufe 2 ist, so entspricht dies dem Muster "#,##,##0", und die Zahl 123456789 ist formatiert als "12,34,56,789". Wenn ein Muster enthält mehrere Gruppierungstrennzeichen, das Intervall zwischen dem letzten und dem Ende der integer definiert die primäre Gruppierung Größe, und das Intervall zwischen den letzten beiden definiert die sekundäre Gruppierung der Größe. Alle anderen werden ignoriert, so "#,##,###,####" == "###,###,####" == "##,#,###,####".

Illegale Muster wie z.B. "#.#.#" oder "#.###,###", verursachen DecimalFormat um einen fehlerhaften UErrorCode.