Google graph - растянуть график по меткам x и y

Question

Google graph - растянуть график по меткам x и y

1

Я разрабатываю график, используя google graph. Мне не нужны лабораторные работы по оси x и y, поэтому я спрятал их, установив следующие параметры:

var options = {
    hAxis: {
        baselineColor: 'none',
        ticks: [],       
        position: 'none',
        fontsize: 0 // do not do anything
    },
    vAxis: {
        baselineColor: 'none',
        ticks: [],       
        position: 'none',
        fontsize: 0 // do not do anything
    }
};

Моя диаграмма выглядит следующим образом:

Я хотел бы растянуть его до полной ширины и высоты элемента. Это возможно?

Kajbo 24 окт. 2018, в 16:02

Источник

Теги:

javascript

svg

charts

google-visualization

1 ответ

Ещё вопросы

WhiteHat · Accepted Answer · 2018-10-24T11-05-00.000Z

вы можете использовать параметр chartArea...

var options = {
  chartArea: {
    height: '100%',
    width: '100%',
  },
  height: '100%',
  width: '100%',
  ...

см. следующий рабочий фрагмент...

google.charts.load('current', {
  packages:['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['X', 'Y'],
    [0, 5],
    [1, 6],
    [2, 7],
    [3, 5]
  ]);

  var options = {
    chartArea: {
      height: '100%',
      width: '100%',
    },
    height: '100%',
    width: '100%',
    hAxis: {
        baselineColor: 'none',
        ticks: [],
        position: 'none',
        fontsize: 0 // do not do anything
    },
    vAxis: {
        baselineColor: 'none',
        ticks: [],
        position: 'none',
        fontsize: 0 // do not do anything
    }
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});

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