Попытка установить ось y в 0 в Google charts


Я пытался установить минимальное значение оси y в 0 многими способами (в переменной options4) в этой диаграмме Google: https://jsfiddle.net/kurnosem/qn6nrnah/3/

        var options4 = {
            chart: {
                title: 'Temperatura',
                subtitle: 'Últimas 4 horas'
            },
            vAxes: {
                0: {title: 'Temperatura'},
                1: {title: 'Resto'}
            },
            series: {
                0: {targetAxisIndex: 0},
                1: {targetAxisIndex: 0},
                2: {targetAxisIndex: 1},
                3: {targetAxisIndex: 1},
                4: {targetAxisIndex: 1}
            },
            width: 900,
            height: 500
        };

Но я не могу... есть идеи?

1 3

1 ответ:

Вы можете использовать viewWindow.min для каждого vAxes

google.charts.load('current', {
  packages: ['corechart', 'line'],
  callback: drawChart
});

function drawChart() {
  var data4 = new google.visualization.DataTable();
  data4.addColumn('date', 'Hora');
  data4.addColumn('number', 'Temp Casa');
  data4.addColumn('number', 'Temp Fuera');
  data4.addColumn('number', 'Lluvia');
  data4.addColumn('number', 'Humedad');
  data4.addColumn('number', 'Viento');

  data4.addRows([
    [new Date(2016,02,25,19,45),20.375,10.3,0,48,8],
    [new Date(2016,02,25,20,00),20.312,10.3,0,48,8],
    [new Date(2016,02,25,20,15),20.312,10.3,0,48,8],
    [new Date(2016,02,25,20,30),20.5,10.3,0,48,8],
    [new Date(2016,02,25,20,45),20.562,9,0,55,4],
    [new Date(2016,02,25,21,00),20.562,9,0,55,4],
    [new Date(2016,02,25,21,15),20.5,9,0,55,4],
    [new Date(2016,02,25,21,30),20.437,9,0,55,4],
    [new Date(2016,02,25,21,45),20.5,8.9,0,60,8],
    [new Date(2016,02,25,22,00),20.437,8.9,0,60,8],
    [new Date(2016,02,25,22,15),20.375,8.9,0,60,8],
    [new Date(2016,02,25,22,30),20.312,8.9,0,60,8],
    [new Date(2016,02,25,22,45),20.312,9.3,0,64,9],
    [new Date(2016,02,25,23,00),20.25,9.3,0,64,9],
    [new Date(2016,02,25,23,15),20.187,9.3,0,64,9],
    [new Date(2016,02,25,23,30),20.125,9.3,0,64,9]
  ]);

  var options4 = {
    chart: {
      title: 'Temperatura',
      subtitle: 'Últimas 4 horas'
    },
    vAxes: {
      0: {
        title: 'Temperatura',
        viewWindow: {
          min: 0
        }
      },
      1: {
        title: 'Resto',
        viewWindow: {
          min: 0
        }
      }
    },
    series: {
      0: {targetAxisIndex: 0},
      1: {targetAxisIndex: 0},
      2: {targetAxisIndex: 1},
      3: {targetAxisIndex: 1},
      4: {targetAxisIndex: 1}
    },
    width: 900,
    height: 500
  };

  var chart4 = new google.charts.Line(document.getElementById('chart_div4'));
  chart4.draw(data4, google.charts.Line.convertOptions(options4));
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div4"></div>