Google图表 - 按Y轴缩放

Question

我在网络应用中使用材料列图。

我已经跟进了

和代码在下面，

private Map<String, BigDecimal> targetMisc;

我想做什么两件事/需要你的手，（在红色圆圈区域的图像。）

1. 将Y轴命名为小时
2. 并使相同的轴刻度为2小时2小时，以便Y轴/小时轴变为2,4,6,8,10等。

提前致谢，

Answer 1

需要为vAxis设置configuration options。

    vAxis: {
        title: 'Hours',
        ticks: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20]
    }

1. 使用title作为轴标签。
2. 为轴刻度标记提供一个数组ticks。

但是，ticks似乎不适用于材质图表 请注意，选项也必须转换...
google.charts.Bar.convertOptions

此示例显示核心图表和材料图表...

google.load('visualization', '1', {
  packages: ['corechart', 'bar'],
  callback: drawBarChart
});

function drawBarChart() {
    var data = google.visualization.arrayToDataTable([
        ['Structure', 'Estimated', 'Actual'],
        ['hours', 6, 8],
        ['hours2', 20, 18],
    ]);

    var options = {
        chart: {
            title: 'Structures by Hours',
            subtitle: 'Estimated vs Actual',
        },
        vAxis: {
            title: 'Hours',
            ticks: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20]
        }
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('columnchart_hours'));
    chart.draw(data, options);

    var chart2 = new google.charts.Bar(document.getElementById('columnchart_hours2'));
    chart2.draw(data, google.charts.Bar.convertOptions(options));
}

<script src="https://www.google.com/jsapi"></script>
<div id="columnchart_hours"></div>
<div id="columnchart_hours2"></div>