Einen harten Mindestachsenwert in der Google Charts API festlegen

Ich versuche zu bauen, ein Google Chart zeigen einige uptime und downtime Prozentsätze, gestapelt. Dies funktioniert gut, außer für eine kleine Sache - ich würde gerne die Grundlinie des Diagramms werden in 99.8, und die maximale auf 100 - da Ausfallzeiten sind in der Regel weniger als .2, dadurch wird das Diagramm lesbar.

Dieser schien einfach genug für mich. Ich dachte, dies würde funktionieren:

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}});

Leider ist die Grafik schlichtweg ignoriert den minwert auf die vAxis. Dies scheint zu sein, was man sich erwartet, gemäß der API, aber es bleibt die Frage - wie möchte ich dies erreichen? Ich ging sogar so weit, dass Sie die Daten transformieren, - ie -, um zu subtrahieren 99.8 von allen, die uptime-Werte, und nur das Diagramm geht von 0 bis .2, und dieser spuckt ein Diagramm, das sieht okay aus, aber ich kann Sie nicht anbringen der Etiketten auf die vertikale Achse, die sagen würden, 99.8, 99.85, 99.9, was die Achse sagt, ganz brav, 0 am Boden, und .2 an der Spitze, und es scheint keine Möglichkeit, es zu beheben diese Richtungen, entweder. Entweder Lösung wäre akzeptabel, ich bin sicher, es gibt EINIGE Weg, um diese Arbeit zu machen?

InformationsquelleAutor der Frage jasonpgignac | 2011-06-15

  1. 77

    müssen Sie viewWindow wie diese:

    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
              }
            }
            }                 
          );

    //bearbeitet für die neuere version der api

    InformationsquelleAutor der Antwort Nikes

  2. 19

    Ich hatte ein ähnliches problem und musste angeben, die Eigenschaft als "min" nicht "minValue"

    vAxis: { 
    viewWindowMode:'explicit',
    viewWindow: {
        max:100,
        min:99.8
    }
}

    InformationsquelleAutor der Antwort Ahmad Abdelghany

Schreibe einen Kommentar