wake-up-neo.com

Wie entferne ich die x-Achse aus einem Balkendiagramm, das mit der Visualisierungs-API von Google erstellt wurde?

Unter Bezugnahme auf die hier gezeigte Art von Diagramm: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

Es scheint keinen einfachen Schalter zu geben, und das Ändern der Achsenfarbe in Weiß (auf weißem Hintergrund) schien nichts zu bewirken. Ich habe sogar versucht, die durch die API-Ausgabe erzeugten Selektoren auszublenden, aber keine Würfel.

28
Dan

Sie können hAxis.textPosition auf den Wert von 'none' setzen.

Zum Beispiel:

var options = {

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

chart.draw(data, options);

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

70
Dan Diplo

Ihre API hat dafür wirklich keine Funktion, aber:

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

Wenn Sie axisFontSize auf 0 setzen, werden Ihre X-Achsendaten entfernt. :)

3
Elzo Valugi

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

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

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

Vor:

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

Nach dem:

data.addColumn('string', '');
1
Tony Schmidt

axisFontSize: 0 entfernt Daten der x-Achse und der y-Achse

1
Denny

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

1
AtyulyaKadam

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

Achsenbeschriftungsstile chxs "axis_or_tick"

Sie werden diese Dokumentation bemerken: "_ - (Unterstrich) Zeichnen Sie weder Achsenlinie noch Häkchen. Wenn Sie eine Achsenlinie ausblenden möchten, verwenden Sie diesen Wert."

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

0
John Erck