Wie entfernen Sie die X-Achse aus einem Balkendiagramm, das von Googles Visualisierungs-API erstellt wurde?

Question

auf die Art der Grafik hier gezeigten Bezug: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

Es ist nicht die Achsenfarbe (auf weißen Hintergrund) weiß zu sein scheint ein einfacher Schalter und Ändern schienen nichts zu tun. Ich habe sogar jQuery versucht, die Selektoren zu verstecken, die von der API-Ausgabe produziert wurden, aber keine Würfel.

Answer 1

Die API hat keine Funktion für diese Tat, aber:

chart.draw(data, 
    { 
     width: 400, 
     height: 240, 
     is3D: true, 
     legend :'none', 
     axisFontSize : 0 
    }); 

Einstellung axisFontSize auf 0 wird Ihre x-Achsen-Daten entfernen. :)

Answer 2

axisFontSize: 0 wird entfernen x-Achse und y-Achsen-Daten

Answer 3

Check out http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

Achsenbeschriftung Styles chxs "axis_or_tick"

Sie finden diese Dokumentation bemerken: „_ - (Underscore) Zeichne weder Achsenlinie noch Teilstriche. Wenn du eine Achsenlinie verstecken willst, verwende diesen Wert. "

Beispiel: 'chxs = 0, 0,0, _'

Answer 4

Google ändert die API so schnell, ist es das, was heute funktioniert:

chart.draw(daily, { 
    hAxis : {textColor: '#ffffff'}, 
    [... your other options here ...] 
}); 

Answer 5

Sie hAxis.textPosition auf den Wert einstellen 'none'

Zum Beispiel:

var options = { 

       hAxis: { textPosition: 'none' }, 
      }; 

chart.draw(data, options); 

See https://developers.google.com/chart/interactive/docs/gallery/barchart#Configuration_Options

Answer 6

Ich konnte das Etikett in der Materialversion des Diagramms entfernen, indem ich die Zeichenfolge in meiner Datentabelle löschte.

Vorher:

data.addColumn('string', 'Date'); 

Nach:

data.addColumn('string', ''); 

Answer 7

let options = {legend: { position: 'none' }};