如何设置＆＃34; X＆＃34;和＆＃34; Y＆＃34;范围

Question

我想设置图表的最小值和最大值。

目前，x轴和y轴的范围取决于提供给图表的数据。虽然，我想修复此问题。

见下图

我希望图表的最小值和最大值位于＆＃34; 5＆＃34;

Answer 1

来自configuration options的

，您可以使用以下内容...

    hAxis: {
      viewWindow: {
        min: 0,
        max: 5
      },
      ticks: [0, 1, 2, 3, 4, 5]
    },
    vAxis: {
      viewWindow: {
        min: 0,
        max: 5
      },
      ticks: [0, 1, 2, 3, 4, 5]
    }

请参阅以下工作代码段...

＆＃13;

＆＃13;

google.charts.load('current', {
  callback: function () {
    new google.visualization.ScatterChart(document.getElementById('chart_div')).draw(
      google.visualization.arrayToDataTable([
        ['X', 'Y'],
        [1, 1]
      ]),
      {
        hAxis: {
          viewWindow: {
            min: 0,
            max: 5
          },
          ticks: [0, 1, 2, 3, 4, 5]
        },
        vAxis: {
          viewWindow: {
            min: 0,
            max: 5
          },
          ticks: [0, 1, 2, 3, 4, 5]
        }
      }
    );
  },
  packages:['corechart']
});

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;