Блог

Главная - Вопросы по программированию - Удалить пустое пространство между hAxis в Google Charts

Удалить пустое пространство между hAxis в Google Charts

#javascript #charts #google-visualization #google-developer-tools #google-barchart

#javascript #Диаграммы #google-визуализация #google-developer-tools #google-столбчатая диаграмма

Вопрос:

У меня есть «вертикальная» гистограмма, разработанная материалом, которая принимает значения, подобные этому:

 [1, 10],
[580, 12],
[10000, 1]

Таким образом, xAxis отображается следующим образом: введите описание изображения здесь

Есть ли у меня какой-либо способ удалить пустые значения hAxis и просто оставить числа, которые имеют значения (т. Е. 5000, 10000 и меньшие).

Комментарии:

1. Вы пробовали использовать логарифмическую шкалу, используя hAxis.logScale = true ?

2. Да, не сильно меняется. Когда это материал ВЕРТИКАЛЬНОЙ столбчатой диаграммы — что именно считается hAxis?

3. hAxis Всегда должно быть горизонтальным (слева направо), а vAxis всегда должно быть вертикальным (снизу вверх)

4. Немного неясно, что вы пытаетесь здесь сделать. Если точки данных сильно отличаются, в таком формате, как этот, всегда будут пробелы.

Ответ №1:

попробуйте использовать строковые значения для оси x вместо чисел…

 ['1', 10],
['580', 12],
['10000', 1]

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

 google.charts.load('current', {
  packages:['bar']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['1', 10],
    ['580', 12],
    ['10000', 1]
  ], true);

  var options = {
    bars: 'vertical',
    chart: {
      title: 'Number of payments by amount',
    },
    hAxis: {
      title: 'Amount'
    }
  };

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