我有以下代码来创建Google图表:
google.load("visualization", "1", {packages:["corechart"]});
var options = {
....
};
var data = google.visualization.arrayToDataTable([
...
]);
var chart = new google.visualization.BubbleChart(document.getElementById('consumer_s1'));
chart.draw(data, options);
Run Code Online (Sandbox Code Playgroud)
在BubbleChart的文档中,Google说"default-width:包含元素的宽度".我有这个容器:
<div class="responsive" id="consumer_s1">
Run Code Online (Sandbox Code Playgroud)
同
.responsive{
height: 100%;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
但是当我创建图表时,在Firebug中我看到Googlechart创建了这些元素:
<div style="position: relative; width: 400px; height: 200px;" dir="ltr">
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" aria-label="Un grafico.">
<svg width="400" height="200" style="overflow: hidden;" aria-label="Un grafico." aria-hidden="true">
......
Run Code Online (Sandbox Code Playgroud)
为什么创建的第一个div具有高度和宽度的值?
我有这个jsp代码(由http://eonasdan.github.io/bootstrap-datetimepicker/拍摄)
<div class='input-group date' id='datetimepicker5'>
<input ng-model="utente.dt_nascita" type='text' class="col-sm-3 form-control" data-date-format="YYYY/MM/DD"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
Run Code Online (Sandbox Code Playgroud)
这个代码在我的controller.js中:
$('#datetimepicker5').datetimepicker({
pickTime: false,
autoclose : true
});
Run Code Online (Sandbox Code Playgroud)
我不想要时间!我希望那个datapicker只询问日期,但事实并非如此.
jsp datetimepicker twitter-bootstrap-3 bootstrap-datetimepicker