Отобразить ось Y в столбчатой ​​диаграмме с накоплением с помощью Google Charts

Question

Я использую диаграммы Google для отображения моего накопленного графика. Моя ось X является числовой, а ось Y также числовой. Я получаю черную линию как ось X. Но ось Y отсутствует. Не отображается

Я попробовал ниже упомянутую собственность, но она не работала:

 vAxis: {
      baseline: 0,
    }

Какое свойство нужно установить для отображения оси Y.

скрипка

Answer 1

Окно просмотра, расположенное на оси х, скрывает / переопределяет базовую линию...

hAxis: {
  viewWindow: {
    min: min,
    max: max
  }
  ...

изменяя мин на ноль, позволяет появиться базовой линии...

var min = 0;
var max = data.getColumnRange(0).max;

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

google.charts.load('current', {
  packages:['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Machine', '', {
      role: 'style'
    }, '', {
      role: 'style'
    }, '', {
      role: 'style'
    }, '', {
      role: 'style'
    }, ''],
    [0.5, null, null, null, null, null, null, null, null, 0.067],
    [1, 0.05, "#808080", 0.0775, "#C71585", 0.069, "#FFC0CB", 0.05, "Blue", 0.067],
    [2, 0.05, "Yellow", 0.0775, "Pink", 0.069, "#808080", 0.05, "Green", 0.067],
    [2.5, null, null, null, null, null, null, null, null, 0.067]
  ]);

  var min = 0;
  var max = data.getColumnRange(0).max;

  var options = {
    width: 500,
    height: 500,
    legend: {
      position: 'none',
      maxLines: 6,
      textStyle: {
        color: 'black',
        fontSize: 10
      }
    },
    isStacked: true,
    seriesType: 'bars',
    series: {
      4: {
        type: "line",
        color: '#FF0000',
        visibleInLegend: false
      }

    },
    hAxis: {
      ticks: [{
        "v": 1,
        "f": "M1"
      }, {
        "v": 2,
        "f": "M2"
      }],
      viewWindow: {
        min: min,
        max: max
      }
    }
  };

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

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