Définition d'une dur minimale de la valeur de l'axe dans Google API Graphiques

Je suis en train de construire un Google Chart montrer un peu de temps de disponibilité et les temps d'arrêt des pourcentages, des empilées les. Cela fonctionne très bien, sauf pour une petite chose, j'aimerais bien la référence de la carte pour être à 99.8, et au maximum à 100 car les arrêts sont généralement moins de .2, cela va rendre le graphique lisible.

Cela semblait assez simple pour moi. J'ai pensé que ce serait le travail:

var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Uptime');
data.addColumn('number', 'Downtime');
data.addRows([
  ['Dec 1, 1830',   99.875, 0.125],
  ['Dec 8, 1830',   99.675, 0.325],
  ['Dec 15, 1830',  99.975, 0.025],
  ['Dec 22, 1830',  100.0,  0.0]
]);

var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: "Percentage Uptime", minValue: 99.8, maxValue: 100}});

Malheureusement, le graphique totalement abstraction de l'minValue sur le vAxis. Cela semble être un comportement attendu, selon l'API, mais cela laisse de la question - comment puis-je accomplir? Je suis même allé jusqu'à transformer les données, c'est à dire, pour la soustraire à 99,8 de tous les temps de disponibilité de valeurs, et ont juste le tableau vont de 0 à 2, et ce crache un graphique qui semble ok, mais je ne peux pas appliquer les étiquettes de l'axe vertical que dirais-99.8, 99.85, 99.9, quel que soit l'axe dit, très consciencieusement, 0 en bas, et, 2 en haut, et il semble y avoir aucun moyen de corriger ce les directions, soit. Une ou l'autre solution serait acceptable, je suis sûr qu'il ya une CERTAINE façon de faire ce travail?

InformationsquelleAutor jasonpgignac | 2011-06-15

google-visualization javascript

vous devez définir viewWindow comme ceci:

var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Uptime');
data.addColumn('number', 'Downtime');
data.addRows([
 ['Dec 1, 1830',   99.875, 0.125],
  ['Dec 8, 1830',   99.675, 0.325],
  ['Dec 15, 1830',  99.975, 0.025],
  ['Dec 22, 1830',  100.0,  0.0]

]);

var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data,
           {width: 400, 
            height: 240, 
            isStacked: true,
            vAxis: { 
              title: "Percentage Uptime", 
              viewWindowMode:'explicit',
              viewWindow:{
                max:100,
                min:99.8
              }
            }
            }                 
          );

//édités pour la nouvelle version de l'api

Lorsque l'utilisation de ce format, la fenêtre d'affichage s'ajuste comme prévu, mais les étiquettes de l'axe sont en place. Si quelqu'un a une solution à ce laissez-moi savoir 😉
Oui, pour cela vous devrez utiliser l'Axe - tiques et définissez la valeur sur le viewWindow valeur max
J'ai cherché pendant 2 heures pour trouver comment faire le vAxis.ticks fait le travail à l'aide du nouveau Matériel de Conception de graphiques. Ils ignorent tout simplement minValue, et maxValue ainsi que les tiques. À l'aide de cette réponse avec la viewWindowMode ainsi que la viewWindow FINALEMENT obtenu ma carte de travail. Contexte: l'utilisation du PROCESSEUR est faible, montrant de 9%. Si vous voyez le graphique, il regarde de haut... mais si vous modifiez la vue à 100% tout à coup, c'est plus de réalisme visuel.

InformationsquelleAutor Nikes

21

J'ai eu un problème similaire et avait pour spécifier la propriété comme "min" et non pas "minValue"
```
vAxis: { 
    viewWindowMode:'explicit',
    viewWindow: {
        max:100,
        min:99.8
    }
}
```
- Bon Exemple, Lors du test, assurez-vous que le max > min, sinon cela ne fonctionnera pas.
InformationsquelleAutor Ahmad Abdelghany

Vous devez vous connecter pour publier un commentaire.