Google visualization 在google图表中将时间设置为范围值而不是日期

Google visualization 在google图表中将时间设置为范围值而不是日期,google-visualization,Google Visualization,尝试使用GoogleCharts,最终得到了一个范围滑块,通过开发人员文档提供的一些代码片段 <https://jsfiddle.net/hari41980/gsvr18hw/11/> 现在我需要有人帮助我获取从日期到时间的日期范围 预期: 关于只需在滑块的选项中设置所需的格式 'ui': { 'format': { 'pattern': 'h:mm a' }, 'labelStacking': 'vertical'

尝试使用GoogleCharts,最终得到了一个范围滑块,通过开发人员文档提供的一些代码片段

<https://jsfiddle.net/hari41980/gsvr18hw/11/>

现在我需要有人帮助我获取从日期到时间的日期范围

预期:


关于

只需在滑块的选项中设置所需的格式

    'ui': {
      'format': {
        'pattern': 'h:mm a'
      },
      'labelStacking': 'vertical'
    }
请参阅下面的示例

google.charts.load('current'{
回调:函数(){
var dashboard=new google.visualization.dashboard(
document.getElementById('programmatical_dashboard_div');
var programmaticSlider=新的google.visualization.ControlWrapper({
“controlType”:“DateRangeFilter”,
“containerId”:“程序控制分区”,
“选项”:{
“filterColumnLabel”:“时间戳”,
“用户界面”:{
“格式”:{
“图案”:“h:mm a”
},
“标签固定”:“垂直”
}
}
});
var programmaticChart=new google.visualization.ChartWrapper({
“图表类型”:“区域图表”,
“集装箱运输”:“程序图表”部门,
“选项”:{
“宽度”:600,
‘高度’:300,
“图例”:“无”,
}
});
var data=google.visualization.arrayToDataTable([
[“时间戳”、“批量”],
[新日期(2014年9月15日10月30日)5],
[新日期(2014、9、15、11、30)、10],
[新日期(2014年9月15日12月30日)15],
[新日期(2014、9、15、13、30)、5],
[新日期(2014、9、15、14、30)、10],
[新日期(2014、9、15、15、30)、8],
[新日期(2014、9、15、16、30)、12],
[新日期(2014、9、15、17、30)、15],
[新日期(2014、9、15、18、30)、25]
]);
dashboard.bind(programmaticSlider、programmaticChart);
仪表盘.绘图(数据);
},
包:['corechart','controls']
});

只需在滑块的选项中设置所需的
格式

    'ui': {
      'format': {
        'pattern': 'h:mm a'
      },
      'labelStacking': 'vertical'
    }
请参阅下面的示例

google.charts.load('current'{
回调:函数(){
var dashboard=new google.visualization.dashboard(
document.getElementById('programmatical_dashboard_div');
var programmaticSlider=新的google.visualization.ControlWrapper({
“controlType”:“DateRangeFilter”,
“containerId”:“程序控制分区”,
“选项”:{
“filterColumnLabel”:“时间戳”,
“用户界面”:{
“格式”:{
“图案”:“h:mm a”
},
“标签固定”:“垂直”
}
}
});
var programmaticChart=new google.visualization.ChartWrapper({
“图表类型”:“区域图表”,
“集装箱运输”:“程序图表”部门,
“选项”:{
“宽度”:600,
‘高度’:300,
“图例”:“无”,
}
});
var data=google.visualization.arrayToDataTable([
[“时间戳”、“批量”],
[新日期(2014年9月15日10月30日)5],
[新日期(2014、9、15、11、30)、10],
[新日期(2014年9月15日12月30日)15],
[新日期(2014、9、15、13、30)、5],
[新日期(2014、9、15、14、30)、10],
[新日期(2014、9、15、15、30)、8],
[新日期(2014、9、15、16、30)、12],
[新日期(2014、9、15、17、30)、15],
[新日期(2014、9、15、18、30)、25]
]);
dashboard.bind(programmaticSlider、programmaticChart);
仪表盘.绘图(数据);
},
包:['corechart','controls']
});