Comment mettre en forme les nombres dans Google API graphique en courbes?

Il y a deux étapes. La première étape est de trouver ce modèle que vous devez utiliser; la deuxième étape est de mettre le modèle à l'endroit approprié dans votre code. Pour faire ce post plus belle, je vous montre, étape 2 et l'étape 1.

Étape 2: Mettre le modèle dans votre code

Voici le 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'} formats d'étiquettes sur l'axe vertical.

Ce formats les chiffres que vous voyez lorsque vous passez la souris sur les points sur le graphique en ligne:

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

Remarque comment (dataTable,0) formats de la hAxis de l'information tout en (dataTable,1) formats de la vAxis de l'information (encore une fois, que vous voyez lorsque vous passez la souris sur les points sur le graphique).

Les deux dernières lignes de code:

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

sont pour vous deux pour comparer avec votre propre graphique. Remplacer fchartvar,dataTable et fchart par les noms utilisés dans votre code. Si vous utilisez autre chose que la ligne graphique, remplacer LineChart avec le graphique que vous utilisez.

Un exemple de 0.0E00 est en train de tourner 1,234 en 1.2E03.

Étape 1: Trouver le bon modèle

Google NumberFormat documentation

NumberFormat prend en charge les options suivantes, transmis à l'constructeur: (source: Google NumberFormat documentation)

decimalSymbol

• Un caractère à utiliser comme séparateur décimal. La valeur par défaut est un point (.).

fractionDigits

• Un nombre qui spécifie le nombre de chiffres à afficher après la virgule. L'
  valeur par défaut est 2. Si vous spécifiez plus de chiffres que le nombre contient, il
  affiche des zéros pour les plus petites valeurs. Tronqué de valeurs
  arrondi (5 arrondi à la hausse).

groupingSymbol

• Un caractère à être utilisé pour un groupe de chiffres à gauche du séparateur décimal
  dans des ensembles de trois. Par défaut, c'est une virgule (,).

negativeColor

• La couleur du texte pour les valeurs négatives. Pas de valeur par défaut. Les valeurs peuvent être
  tout acceptable HTML de la couleur de la valeur, tels que "rouge" ou "#FF0000".

negativeParens

• Un booléen, où la valeur true indique que les valeurs négatives doivent être
  entouré par des parenthèses. Valeur par défaut est true.

modèle

• Une chaîne de format. Lorsqu'il est fourni, toutes les autres options sont ignorés, à l'exception de
  negativeColor.

  La chaîne de format est un sous-ensemble de la ICU pattern set. Par exemple,
  {modèle:'#,###%'} entraînera des valeurs de sortie "1,000%", "750%", et
  "50%" pour les valeurs 10, 7.5, et de 0,5.

préfixe

• Une chaîne de préfixe pour la valeur, par exemple "$".

suffixe

• Une chaîne de suffixe pour la valeur, par exemple "%".

ICU DecimalFormat Référence

Comme vous l'avez peut-être remarqué depuis le Google NumberFormat la documentation ci-dessus, vous pouvez trouver des informations plus détaillées sur la mise en forme les nombres à partir de l'unité de soins intensifs DecimalFormat de Référence. Voici certaines des informations les plus importantes de la ICU DecimalFormat de Référence (c'est dans le "milieu" de la page web):

Un DecimalFormat motif contient une positive et négative sous-masque, par exemple, "#,##0.00;(#,##0.00)". Chaque sous-modèle est un préfixe, une partie numérique, et d'un suffixe. Si il n'y est pas explicitement négative sous-masque, le négatif sous-modèle est le localisé signe le préfixe pour le positif sous masque. Qui est, "0.00" seul est équivalent à "0.00;-0.00". Si il y est explicitement négative sous-masque, il ne sert qu'à préciser les négatifs de préfixe et de suffixe; le nombre de chiffres, un minimum de chiffres et d'autres caractères sont ignorés par la négative à la sous-masque. Cela signifie que "#,##0.0#;(#)" a exactement le même résultat que "#,##0.0#;(#,##0.0#)".

Les préfixes, des suffixes et des différents symboles utilisés pour l'infini, les chiffres, les séparateurs de milliers, les séparateurs décimaux, etc. peut être réglé à des valeurs arbitraires, et ils apparaissent correctement lors de la mise en forme. Cependant, des précautions doivent être prises pour que les symboles et les chaînes ne sont pas en conflit, ou de l'analyse seront pas fiables. Par exemple, le positif et le négatif préfixes ou les suffixes doivent être distincts pour le parse() pour être en mesure de distinguer positif à partir de valeurs négatives. Un autre exemple est que le séparateur décimal et le séparateur des milliers doivent être distinctes des personnages, ou de l'analyse sera impossible.

Le séparateur de groupe est un caractère qui sépare les amas de chiffres entiers de faire un grand nombre plus lisible. Il couramment utilisés pour des milliers, mais dans certains endroits, il se sépare de dix milliers. Le groupement de la taille est le nombre de chiffres entre le groupement des séparateurs, par exemple, 3 pour "100 000 000 d'" ou 4 "1 0000 0000". Il y a en fait deux différentes groupement tailles: Celui utilisé pour le moins significatif de chiffres entiers, le regroupement principal de la taille, et celle utilisée pour tous les autres, le deuxième groupement de taille. Dans la plupart des localités, ce sont les mêmes, mais parfois, ils sont différents. Par exemple, si le premier regroupement de l'intervalle est de 3, et le secondaire est 2, ce qui correspond à la tendance "#,##,##0", et le nombre 123456789 est formaté comme "12,34,56,789". Si un modèle contient plusieurs séparateurs de groupage, de l'intervalle entre la dernière et la fin de l'entier définit le regroupement principal de la taille, et l'intervalle entre les deux dernières définit le secondaire groupement de taille. Tous les autres ne sont pas pris en compte, "#,##,###,####" == "###,###,####" == "##,#,###,####".

Illégale des modèles, tels que "#.#.#" ou "#.###,###", va provoquer DecimalFormat pour définir un défaut UErrorCode.

OriginalL'auteur hexicle