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

这不准确，但您可以为vAxis指定maxValue，这将更改间隔。所以，试试这样：

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

您可能需要使用maxValue编号来使其正确显示。祝你好运！

Answer 3

尝试格式：'＃'而不是格式：'##'

Google可视化和y轴值

3 个答案: