Come rimuovi l'asse x da un grafico a barre prodotto dall'API di visualizzazione di Google?

Question

riferimento al tipo di grafico mostrato qui: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

Non sembra essere un semplice interruttore, e cambiando il colore dell'asse al bianco (su sfondo bianco) non sembrava di fare nulla. Ho anche provato a jquery per nascondere i selettori prodotti dall'uscita API ma senza dadi.

Answer 1

loro API non ha alcuna funzione per questo in effetti, ma:

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

Impostazione axisFontSize a 0 rimuoverà i dati dell'asse x. :)

Answer 2

axisFontSize: 0 rimuove dati dell'asse X e Y

Answer 3

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

Axis Stili etichetta chxs "axis_or_tick"

Noterete questa documentazione: "_ - (Trattino basso) Disegna né la linea dell'asse né i segni di graduazione Se si desidera nascondere una linea dell'asse, utilizzare questo valore. "

esempio: 'chxs = 0,, 0,0, _'

Answer 4

Google cambia l'API in modo veloce, questo è ciò che funziona oggi:

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

Answer 5

È possibile impostare hAxis.textPosition al valore della 'none'

Ad esempio:

var options = { 

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

chart.draw(data, options); 

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

Answer 6

Sono stato in grado di rimuovere l'etichetta nella versione materiale del grafico rimuovendo la stringa nel mio datatable.

Prima:

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

Dopo:

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

Answer 7

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