Google Chart:删除重复的y轴

时间:2015-09-08 10:33:14

标签: javascript jquery charts

我使用的谷歌图表工作得非常好,除了一件事,当我选择自定义日期过滤器并从中只选择一个日期然后它只会显示1个带小点的记录,这也没问题但它的y轴显示重复值。

请检查示例: http://awesomescreenshot.com/0f757w8k3a

它显示0,1,1,2,2 它应显示0,1,2,3,4或仅0,1,2

var options = {
                vAxis: {
                    format: '#',
                    minValue: 0,
                    gridlines: {
                        color: 'transparent'
                    },
                    viewWindowMode: "explicit",
                    viewWindow:{ min: 0 }
                },
                hAxis: { textPosition: 'none' },
                legend: { position: 'none' },
                colors:[{color:'#A8D1FF', darker:'#97B9D8'}]
            };

            var chart = new google.visualization.AreaChart(document.getElementById('PostChart'));
            chart.draw(PostChartData, options);

1 个答案:

答案 0 :(得分:0)

这可能是Y轴的小范围值的原因。尝试使用Ticks for vAxis,通常称为 vAxis.ticks

vAxis: { ticks: [5,10,15,20] } //array
vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] } // A valid value as V
vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] } // Dates

Click Here for Ref.

Edit1:如果您的记录值属于较小的范围,并且您已将vAxis的最大值设置为更高的值,它还可能导致vAxis中的重复值。