Jak usunąć poziomą linię siatki w Google Column Chart?

Jak usunąć poziomą linię siatki na moim wykresie kolumnowym Google? Próbowałem niektórych rozwiązań, ale nadal nie mogę go usunąć. Dzięki.Jak usunąć poziomą linię siatki w 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' } } 
     } 
    ); 
}

Źródło

2013-10-28 marknt15

Poziome linie siatki są kontrolowane przez opcję vAxis.gridlines. Ustaw opcję vAxis.gridlines.color do „przezroczysty”, aby zniknęły:

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

Źródło

2013-10-28 05:54:22 asgallant

Dzięki asgallant. Zadziałało. Ale nie rozumiem, dlaczego opcja vAxis powinna być przezroczysta. Wciąż używam opcji hAxis jakiś czas temu, ale to nie zadziałało. – marknt15

Interfejs API łączy poziome linie siatki z etykietami vAxis (każda etykieta ma główną linię siatki, a sposób jej konfiguracji określa liczbę linii siatki, aby określić, ile etykiet otrzymasz). Ponadto możesz mieć dwie osie y na większości wykresów, każdy z własnym zestawem linii siatki, które możesz chcieć kontrolować osobno, więc konieczne staje się umieszczenie kontroli pod opcją vAxis. – asgallant

Jesteś geniuszem, sir! – skplunkerin

Coś innego warto spróbować dla opcji wykresu (jeśli nie chcą tam wiersze na wszystkie):

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

Źródło

2017-05-27 11:16:33

Jak usunąć poziomą linię siatki w Google Column Chart?

Odpowiedz

Powiązane problemy