谷歌折线图中的动态轴数

时间:2016-05-30 10:51:42

标签: charts google-visualization

我使用以下选项创建了一个谷歌折线图。

var options = {
                pointSize: 10,
                pointShape: 'circle',
                backgroundColor: '#FFFFFF',
                legend: {position: 'none'},
                vAxis: {
                    viewWindowMode: 'explicit',
                    viewWindow: {min: 0},
                    gridlines: {color: '#CCCCCC'},
                    textStyle: {color: '#444444'}
                },
                hAxis: {
                    viewWindowMode: 'explicit',
                    viewWindow: {min: 0},
                    textStyle: {color: '#444444'}
                },
                chartArea: {left: 40, top: 10, width: 900, height: 150},
                colors: ['#FF9900', '#2A96FF', '#424242'],
                animation: {duration: 1000, easing: 'out'},
                smoothLine: true,
                tooltip: {isHtml: true}
            };

此折线图是使用上述选项生成的。

line chart

当值发生变化时,x轴的数量始终为5.如何将其设置为动态,以便y轴中不存在小数标签/值。

对于上面的例子,我只需要0和1.不需要0.25,0.50和0.75。

1 个答案:

答案 0 :(得分:0)

您可以为任一轴提供自己的刻度线......

vAxis: {
    ticks: [0, 1],
    ...