谷歌圖表改變軸線線和文本顏色

Question

我的谷歌條形圖選項變量是：

var Baroptions = { 
legend: {position: 'none'}, 
hAxis: { 
    textPosition: 'none', 
    gridlines: { 
     color: "#FFFFFF" 
    }, 
    baselineColor: '#FFFFFF' 
}, 
bars: 'horizontal', 
animation:{ 
duration: 500, 
easing: 'out', 
} 
}; 

但是軸心線和文字仍然被顯示出來。

我需要刪除0和50k文本。

問候

Answer 1

代替 - >textPosition: 'none'

試...

textStyle: { 
    color: "#FFFFFF" 
    }, 

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['bar'] 
 
}); 
 

 
function drawChart() { 
 
    var chart = new google.charts.Bar(document.getElementById('chart_div')); 
 

 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn('string', ''); 
 
    dataTable.addColumn('number', 'Value'); 
 
    dataTable.addRows([ 
 
    ['18-25', 25], 
 
    ['26-35', 46], 
 
    ['36-45', 30], 
 
    ['46-55', 10], 
 
    ['55 Above', 7] 
 
    ]); 
 

 
    var Baroptions = { 
 
    legend: {position: 'none'}, 
 
    hAxis: { 
 
     textStyle: { 
 
     color: "#FFFFFF" 
 
     }, 
 
     gridlines: { 
 
     color: "#FFFFFF" 
 
     }, 
 
     baselineColor: '#FFFFFF' 
 
    }, 
 
    bars: 'horizontal' 
 
    }; 
 

 
    chart.draw(dataTable, google.charts.Bar.convertOptions(Baroptions)); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

也不會從問題，如果使用材料圖表如在上面的例子中

animation.*是several options that don't work on material charts