Google 可视化和 y 轴值答案

【问题标题】：Google visualization and y-axis valuesGoogle 可视化和 y 轴值
【发布时间】：2013-02-14 04:35:08
【问题描述】：

这可能很简单，但我一直找不到任何答案。

我有这个可视化：

<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: '##'}

但这只是将标签四舍五入 - 它们仍然代表其原始数字。

有人可以帮忙吗？

【问题讨论】：

可能重复：stackoverflow.com/questions/5979123/…

标签： google-visualization

【解决方案1】：

将您的包替换为：

'linechart'

会起作用的。

【讨论】：

【解决方案2】：

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

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

您可能需要弄乱 maxValue 数字以使其正确显示。祝你好运！

【讨论】：

【解决方案3】：

尝试使用格式：'#' 而不是格式：'##'

【讨论】：