具有比例Y轴的Google Chart

时间:2016-11-10 15:45:51

标签: charts google-visualization

我试图让堆叠的Google柱形图的y轴成比例。我已经调整了设置,但无法使其正常工作。如果最大列值为1,则应该只有1个水平网格线。不应该有三个值为1.这没有意义。

以下是我的图表选项:

var options = {
    colors: ['#ba1f1f', '#306b34', '#255f85', '#e28413', '#f24333'],
    bar: { groupWidth: "90%" },
    chartArea: { left: 50, top: 10, width: '100%', height: '75%' },
    legend: { position: 'bottom' },
    animation: { startup: true, duration: 250, easing: 'linear' },
    isStacked: true,
    hAxis: {
        slantedText: true
    },
    vAxis: {
        format: '#'
    },
    height: 350
};

以下是我的问题图片:

y-axis problem

有没有人对如何解决此问题有任何建议?谢谢!

使用@ WhiteHat的建议更新

我尝试了你的建议。它没有真正起作用。如果我明确设置而不是基于列范围max。

,那么这是我的结果

enter image description here

8 AM列的总计数为7. 7 AM是4和6 AM是1。 我可能必须进行一些其他数据操作来计算堆积柱形图中每列的总数,并找到最大值以不明确设置网格线计数。但那是在我能让它正常工作之后。

1 个答案:

答案 0 :(得分:0)

最大列值为1

时,您可以添加以下选项
vAxis: {
    gridlines: {
        count: 2  //<-- default is 5
    }
},

或将小数添加到format : '#,##0.00'以避免重复1

您可以使用数据表方法检查最大列值

data.getColumnRange(columnIndex).max