谷歌图表时间轴浮动 X 轴答案

【问题标题】：Google Chart Timeline floating X-axis谷歌图表时间轴浮动 X 轴
【发布时间】：2014-08-21 13:56:07
【问题描述】：

如何在时间轴中设置浮动 X 轴？我的列表很长，滚动后看到时间线。我想始终在屏幕底部显示时间线。

【问题讨论】：

【解决方案1】：

如果您在时间轴的容器或其选项中设置高度，图表将使用内部滚动条进行绘制，将 x 轴固定在图表底部。

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Name', 'Start', 'End'],
        ['Foo', new Date(2014, 0, 1), new Date(2014, 0, 2)],
        ['Bar', new Date(2014, 0, 3), new Date(2014, 0, 6)],
        ['Cad', new Date(2014, 0, 2), new Date(2014, 0, 3)],
        ['Qud', new Date(2014, 0, 7), new Date(2014, 0, 10)],
        ['Fiz', new Date(2014, 0, 4), new Date(2014, 0, 9)],
        ['Buz', new Date(2014, 0, 4), new Date(2014, 0, 5)],
        ['Baz', new Date(2014, 0, 3), new Date(2014, 0, 6)],
        ['Piz', new Date(2014, 0, 4), new Date(2014, 0, 6)],
        ['Pop', new Date(2014, 0, 2), new Date(2014, 0, 8)]
    ]);

    var chart = new google.visualization.Timeline(document.querySelector('#chart_div'));
    chart.draw(data, {
        height: 300,
        width: 600
    });
}
google.load('visualization', '1', {packages: ['timeline'], callback: drawChart});

http://jsfiddle.net/asgallant/z18ruap9/

【讨论】：

是的，但是和我们在
里面使用一个样式是一样的。
设置 div 的样式应该完全一样：jsfiddle.net/asgallant/z18ruap9/1
是的，但我想到了一条线（x 轴），它总是“滑动”到确切的数据线。
哦，那不一样。 API 不支持你想要的，但是也许可以使用 CSS/javascript 来改变 Timeline 的内部结构以获得你想要的效果。