Google визуализация и значения по оси Y

Question

Это может быть очень просто, но я не смог найти никакого ответа.

У меня есть эта визуализация:

<script type="text/javascript"> 
      google.load('visualization', '1', {'packages':['corechart']});
      google.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Week');
        data.addColumn('number', 'Sales');

        data.addRows([["1", 2], ["2", 1], ["3", 5], ["4", 2], ["5", 1], ["6", 0], ["7", 0], ["8", 2], ["9", 1], ["10", 0], ["11", 1], ["12", 0], ["13", 1], ["14", 0], ["15", 1], ["16", 0], ["17", 0], ["18", 3], ["19", 0], ["20", 0], ["21", 0], ["22", 0], ["23", 0], ["24", 0], ["25", 0], ["26", 0], ["27", 0], ["28", 0], ["29", 0], ["30", 0], ["31", 0], ["32", 0], ["33", 0], ["34", 0], ["35", 0], ["36", 0], ["37", 0], ["38", 0], ["39", 0], ["40", 0], ["41", 0], ["42", 0], ["43", 0], ["44", 0], ["45", 0], ["46", 0], ["47", 0], ["48", 0], ["49", 0], ["50", 0], ["51", 0], ["52", 1], ["53", 0], ["54", 0]]);

        var chart = new google.visualization.ColumnChart(document.getElementById('shops_sales_pr_week'));
        chart.draw(data, {width: 850, height: 300, chartArea: {left:20}, vAxis: {}, hAxis: {showTextEvery:2}});
      }
    </script> 

По какой-то причине API выбирает для оси Y значение 1,5, 3,0, 4,5 и т. Д. Почему, о, почему?1, 2, 3, 4 было бы неплохо.Я могу отформатировать его, используя

vAxis: {format: '##'}

, но это просто округляет метки - они все еще представляют их исходное число.

Может кто-нибудь помочь?

Answer 1

Замените ваши пакеты на:

'linechart'

будет работать.

Answer 2

Попробуйте формат: '#' вместо формата: '##'

Answer 3

Это не точно, но вы можете указать maxValue для vAxis, который изменит интервалы.Итак, попробуйте это так:

chart.draw(data, {vAxis: {maxValue: 8}});

Возможно, вам придется возиться с числом maxValue, чтобы оно отображалось правильно.Удачи!