如何删除x和y轴上的数字?

时间:2018-12-24 18:23:18

标签: javascript html css charts

我有一个网页,该网页需要一个简单的单线直形图表,如下所示: graph

我尝试使用不同的图,但是以某种方式,这是我能想到的最好的图。这确实是一个简单的图表,没什么可显示的

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轴数字,然后将它们像图表一样放在一条直线上? 另外,是否可以删除图形上显示的工具提示并使图形水平?

0 个答案:

没有答案