2013-10-28 14 views
8

Come posso rimuovere la linea della griglia orizzontale nel mio istogramma di Google? Ho provato alcune soluzioni ma non riesco ancora a rimuoverlo. Grazie.Come rimuovere la linea della griglia orizzontale in Google Column Chart?

function drawVisualization() { 
    // Create and populate the data table. 
    var data = google.visualization.arrayToDataTable([ 
     ['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'], 
     ['2003', 1336060, 3817614,  974066,  1104797, 6651824, 15727003], 
     ['2004', 1538156, 3968305,  928875,  1151983, 5940129, 17356071], 
     ['2005', 1576579, 4063225,  1063414,  1156441, 5714009, 16716049], 
     ['2006', 1600652, 4604684,  940478,  1167979, 6190532, 18542843], 
     ['2007', 1968113, 4013653,  1037079,  1207029, 6420270, 19564053], 
     ['2008', 1901067, 6792087,  1037327,  1284795, 6240921, 19830493] 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.ColumnChart(document.getElementById('visualization')). 
    draw(
     data, 
     { 
      title:"Yearly Coffee Consumption by Country", 
      width:600, height:400, 
      hAxis: {title: "Years", minorGridlines: { color: 'red' } } 
     } 
    ); 
}​ 

risposta

14

Le linee di griglia orizzontali sono controllate dall'opzione vAxis.gridlines. Impostare l'opzione vAxis.gridlines.color a "trasparente" per farli sparire:

vAxis: { 
    gridlines: { 
     color: 'transparent' 
    } 
} 
+0

Grazie asgallant. Ha funzionato. Ma non capisco perché l'opzione vAxis dovrebbe essere usata per renderla trasparente. Continuo a utilizzare l'opzione hAxis qualche tempo fa ma non ha funzionato. – marknt15

+3

L'API collega le linee orizzontali con le etichette vAxis (ogni etichetta ha una griglia principale e il modo in cui è impostata, in realtà si imposta un conteggio delle griglie per determinare quante etichette si otterranno). Inoltre, puoi avere due assi y nella maggior parte dei grafici, ognuno con il proprio set di griglia, che potresti voler controllare separatamente, quindi diventa necessario mettere il controllo sotto l'opzione vAxis. – asgallant

+0

Sei un genio, signore! – skplunkerin

1

Un'altra cosa vale la pena provare per le opzioni del grafico (se non si desidera che le linee di lì a tutti):

var options = { 
    ... 
    vAxis : { 
     gridlines : { 
      count : 0 
     } 
    } 
}; 
Problemi correlati