如何设置 "X" 和 "Y" 范围

Question

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

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

见下图

我希望图表的最小值和最大值为“5”

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]
    }

请参阅以下工作片段...

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']
});

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

如何设置 "X" 和 "Y" 范围

How to set the "X" and "Y" range

charts

bubble-chart

google-visualization