我有一个网页,该网页需要一个简单的单线直形图表,如下所示:
我尝试使用不同的图,但是以某种方式,这是我能想到的最好的图。这确实是一个简单的图表,没什么可显示的
google.charts.load('current', {
'packages': ['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Age', 'Weight'],
[0, 0],
[0.5, 0.5],
[1, 1],
[2, 2],
[2.1, 2.1],
[2.5, 2.5],
[3, 3],
[3.1, 3.1],
[3.3, 3.3],
[3.5, 3.5],
[3.7, 3.7],
[4, 4]
]);
var options = {
title: 'Age vs. Weight comparison',
hAxis: {
title: 'Age',
minValue: 0,
maxValue: 15
},
vAxis: {
title: 'Weight',
minValue: 0,
maxValue: 15
},
legend: 'none',
trendlines: {
"0": {}
}
// Draw a trendline for data series 0.
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
如何删除x和y轴数字,然后将它们像图表一样放在一条直线上? 另外,是否可以删除图形上显示的工具提示并使图形水平?