Javascript 一种为Google时间线图设置自定义开始和结束时间的方法
在列表中找不到答案 默认情况下,Google Timeline“收缩”图表区域,使第一个栏接触左侧边缘,最后一个栏接触右侧:Javascript 一种为Google时间线图设置自定义开始和结束时间的方法,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,在列表中找不到答案 默认情况下,Google Timeline“收缩”图表区域,使第一个栏接触左侧边缘,最后一个栏接触右侧: |XXXXX-----YYYY---------| |----ZZZ---YYYY----AAAAA| Apr May Jun Jul 我希望覆盖此行为并手动设置图表的开始和结束时间(覆盖比例),如下所示: |------------XXXXX-----YYYY----------------|
|XXXXX-----YYYY---------|
|----ZZZ---YYYY----AAAAA|
Apr May Jun Jul
我希望覆盖此行为并手动设置图表的开始和结束时间(覆盖比例),如下所示:
|------------XXXXX-----YYYY----------------|
|---------------ZZZ----YYYY-----AAAAA------|
Jan Feb Mar Apr May Jun Jul Aug
在我的示例中,我想显示从一月到八月的图表 列在
使用选项hAxis.minValue
和hAxis.maxValue
hAxis: {
minValue: new Date(2017, 0, 1),
maxValue: new Date(2017, 7, 1)
}
请参阅以下工作片段
google.charts.load('current'{
回调:函数(){
var container=document.getElementById('chart_div');
var chart=newgoogle.visualization.Timeline(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',id:'Room'});
addColumn({type:'string',id:'Name'});
addColumn({type:'date',id:'Start'});
addColumn({type:'date',id:'End'});
dataTable.addRows([
['1','A',新日期(2017年1月1日),新日期(2017年1月10日)],
['2','B',新日期(2017年3月1日),新日期(2017年3月10日)],
['3','C',新日期(2017年5月1日),新日期(2017年5月10日)],
]);
函数绘图图(){
图表绘制(数据表{
哈克斯:{
minValue:新日期(2017年0月1日),
maxValue:新日期(2017年7月1日)
}
});
}
$(窗口)。调整大小(绘图图);
图纸();
},
软件包:[“时间线”]
});代码>
工作正常。谢谢