Javascript 如何删除谷歌条形图中的x轴标题?
我尝试使用GoogleChartAPI创建条形图。其中我要删除x轴标题Javascript 如何删除谷歌条形图中的x轴标题?,javascript,html,charts,google-visualization,Javascript,Html,Charts,Google Visualization,我尝试使用GoogleChartAPI创建条形图。其中我要删除x轴标题 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1.1", {packages:["corechart"]}); google
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1.1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'first six', 'second six'],
['2010', 3750, 3800],
['2011', 3900, 3850],
['2012', 3850, 3900],
['2013', 4280, 4160],
['2014', 4350, 0000]
]);
var options = {
width: 400,
height: 320,
bar: {groupWidth: "90%"},
legend: { position: "none" },
};
var chart = new google.charts.Bar(document.getElementById('columnchart_material_price'));
chart.draw(data, options);
}
但这没有任何作用。如何删除x轴标题?默认情况下为“年”您用于声明图表对象的语法似乎不正确,请将该行更改为下面的一行:
var chart = new google.visualization.BarChart(document.getElementById('columnchart_material_price'));
轴没有预定义的标题。但如果您以某种方式看到标题“Year”,很可能是因为数据表的第一列标题。您只需删除以下内容:
var data = google.visualization.arrayToDataTable([
['', 'first six', 'second six'],
['2010', 3750, 3800],
['2011', 3900, 3850],
['2012', 3850, 3900],
['2013', 4280, 4160],
['2014', 4350, 0000]
]);
下面的代码将帮助您。它适合我
var options = {
width: 400,
height: 320,
bar: {groupWidth: "90%"},
legend: { position: "none" },
hAxis: { textPosition: 'none' },
};
尝试将axes.x.label设置为“”
我希望能得到帮助
var options = {
axes: {
x: {
0: { side: 'bottom', label: ""}
}
}
};
chart.draw(data, options);
使用该选项
hAxis: {textPosition: 'none'}
hAxis: {textPosition: 'none'}