Google api 如何在google api折线图中禁用x轴和y轴线条
我在我的web应用程序中使用GoogleAPI来绘制线图。在那张折线图中,我不想要x轴和y轴,但除了图形,我无法确定如何删除这些线。你能帮帮我吗。我用这个例子来练习Google api 如何在google api折线图中禁用x轴和y轴线条,google-api,linechart,Google Api,Linechart,我在我的web应用程序中使用GoogleAPI来绘制线图。在那张折线图中,我不想要x轴和y轴,但除了图形,我无法确定如何删除这些线。你能帮帮我吗。我用这个例子来练习 <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function draw
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
变量选项={
标题:“公司业绩”
};
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
您无法在google api中删除或禁用x轴和y轴。另一种方法是将基线颜色和网格线颜色设置为与背景颜色相同,并将textPosition设置为无
vAxis:{
baselineColor: '#fff',
gridlineColor: '#fff',
textPosition: 'none'
}
对于当前版本的Google Charts,以下内容将删除轴线:
hAxis: {
baselineColor: 'none',
ticks: []
},
vAxis: {
baselineColor: 'none',
ticks: []
}
您还可以将x轴的颜色设置为“透明”@PatrikBeck try hAxis:{textPosition:'none'}。我花了一段时间试图弄清楚为什么这不起作用,结果发现hAxis的基线是一条垂直线,而vAxis的基线是一条水平线。因此,如果要删除水平黑线,需要设置vAxis
baselineColor
,反之亦然。这是一个完美的答案。谢谢你help@ChrisWheeler的评论为我提供了缺失的链接。非常感谢。