Как удалить значения оси Y из диаграммы Google - PullRequest
Новая
       4

Как удалить значения оси Y из диаграммы Google

1 голос
/ 10 января 2020

Я использую диаграммы Google.

На прилагаемом изображении я не хочу отображать числа 100, 50, 0, -50, -100. Но я хочу, чтобы лейбл «Удовлетворение» показывался. Кто-нибудь знает, как этого можно добиться в гугл-чартах? Есть ли опция для vAxis?

enter image description here

Другая (менее важная) проблема заключается в том, что я хочу, чтобы линии сетки были только на 100, 0 и -100. Мне не нужны другие 6.

В настоящее время у меня установлены следующие параметры ... 

var options = {
    chartArea: { width: '80%' },
    colors: ['#00ff00', '#ff0000'],
    vAxis: {
        title: 'Satisfaction',
        maxValue: 100,
        minValue: -100,
        gridlines: { count: 2 }
    },
    legend: { position: 'bottom' }
};

Спасибо.

1 Ответ

1 голос
/ 10 января 2020

используйте следующую опцию vAxis ... 

textPosition: 'none'

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

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['x', 'y0', 'y1', 'y2'],
    [0, 10, 12, 18],
    [2, 16, 18, 19],
    [4, 18, 19, 24],
    [6, 26, 28, 22],
    [8, 13, 15, 21],
    [10, 32, 31, 33]
  ]);

  var options = {
    chartArea: { width: '80%' },
    colors: ['#00ff00', '#ff0000'],
    vAxis: {
      textPosition: 'none',
      title: 'Satisfaction',
      maxValue: 100,
      minValue: -100,
      gridlines: { count: 2 }
    },
    legend: { position: 'bottom' }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart'));
  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>
...