将Google可视化折线图hAxis原点设置为其初始值

时间:2014-04-21 07:40:02

标签: javascript google-visualization linechart

以下是带有谷歌折线图的sample fiddle,其中图表为

 var Xmin = data.getValue(0, 0);

        var options = {
                title : 'Sample graph',
                legend : {
                    position : 'bottom'
                },
                height : 400,
                interpolateNulls : true,
                'pointSize' : 5,
                'vAxis' : {
                    title : "Count",
                    'minValue' : 0,
                },
                'hAxis' : {
                    title : "Month",
                    'minValue' : Xmin,
                },
                'animation' : {
                    'duration' : 1000,
                    'easing' : 'in'
                },
            };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }

如何将Axis原点设置为Jan-13而不是0

1 个答案:

答案 0 :(得分:2)

如果要将线条拉伸到图表边缘,则需要为域轴使用连续数据类型(numberdatedatetime,{{ 1}})而不是离散的(timeofday)类型。由于您的数据是月份和年份,因此您可以使用string类型:

date

参见示例:http://jsfiddle.net/asgallant/k3c9Q/