'Hübsche' Visualisierung nicht in Combo angewendet Diagramm

Question

Ich versuche, this Combo Chart schön zu formatieren, so dass die vertikalen Achsen auf beiden Seiten die gleichen Rasterlinien teilen. Die zweite Y-Achse (rechte Seite) wird jedoch nicht automatisch als viewWindowMode: 'pretty' formatiert. Das Ergebnis ist, dass die Werte von 0 statt 10.000 beginnen.

Durch den Min- und Max-Wert eingestellt:

viewWindowMode: 'explicit', 
    viewWindow: { 
     max: 14000, 
     min: 10000} 

das Ergebnis ist gut, aber die Linie berührt, oben und unten in der Tabelle. Also habe ich versucht, es zu füllen, indem ich max: 15000 und min: 9000 setze, aber dann erhöht sich die Anzahl der Gitternetzlinien und gridlines: {count: 6} scheint keinen Effekt zu haben.

Gibt es eine Möglichkeit, viewWindowMode: 'pretty' auf die zweite vertikale Achse zu zwingen?

Answer 1

Der 'hübsche' Modus für eine Achse führt zu unvorhersehbaren Werten, abhängig davon, wo Ihre Daten in die Gitterlinien fallen. Wenn Sie also die Gitternetzlinien für die linke und die rechte Achse koordinieren möchten, müssen Sie explizite Angaben zu viewWindow min und max für beide sowie der Anzahl der Gitternetzlinien oder expliziten Ticks machen. Man könnte es tun, wie folgt aus: http://jsfiddle.net/dlaliberte/pyAz5/316/ Welche dieser Optionen verwendet:

var options = { 
    series: { 
    1: { targetAxisIndex: 1 } 
    }, 
    vAxes: { 
    0: { 
     viewWindow: { min: 0, max: 1500 } 
    }, 
    1: { 
     viewWindow: { min: 0, max: 1500 } 
    } 
    } 
}; 

Die gridlines.count Option keine Garantie in allen Fällen ist, weil es mit den Heuristiken für schöne Zecke Werte in Konflikt geraten könnten.