修改数据可视化中得时间bug,修改提示框中得日期显示格式
This commit is contained in:
parent
2866056ae1
commit
9ad746b0e4
|
@ -12,7 +12,14 @@ $this->breadcrumb()->setSeparator(' > ');
|
|||
<div class="row">
|
||||
<div class="span12">
|
||||
<h3><?= $this->info['title'] ?> <small>数据可视化查看</small></h3>
|
||||
<h4><small>请在需要查看的可视化要素上点击以描绘图表,再次点击可取消显示</small></h4>
|
||||
<h4><small>请在需要查看的可视化要素上点击以描绘图表,再次点击可取消显示,绘制图像前可自主选择图像类型</small></h4>
|
||||
<div class="btn-group linetypes" data-toggle="buttons-radio">
|
||||
<button type="button" class="btn active" value="line">折线图</button>
|
||||
<button type="button" class="btn" value="column">柱状图</button>
|
||||
</div>
|
||||
<a class="btn btn-primary control-btn-cls" href="javascript:void(0);">
|
||||
清除图像
|
||||
</a>
|
||||
<hr />
|
||||
|
||||
<?php $vars = (new \Westdc\Visual\VariableEncoder)->normaldecode($this->data['vars']);?>
|
||||
|
@ -23,20 +30,31 @@ $this->breadcrumb()->setSeparator(' > ');
|
|||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<!-- 页面内容 -->
|
||||
<div class="span12">
|
||||
<div id="datachart" style="width:100%;height:500px;"></div>
|
||||
<a class="btn btn-primary control-btn-cls" href="javascript:void(0);">
|
||||
清除图像
|
||||
</a>
|
||||
</div>
|
||||
<!-- //页面内容 -->
|
||||
</div>
|
||||
<script>
|
||||
_this = {};
|
||||
_this.linetype = 'line';
|
||||
$(function() {
|
||||
|
||||
$('.linetypes button').click(function(e) {
|
||||
_this.linetype = $(this).val();
|
||||
});
|
||||
|
||||
Highcharts.setOptions({
|
||||
lang: {
|
||||
months : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
|
||||
//months : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
||||
weekdays: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
|
||||
}
|
||||
});
|
||||
|
||||
$('#datachart').highcharts('StockChart', {
|
||||
|
||||
rangeSelector : {
|
||||
|
@ -48,9 +66,33 @@ $(function() {
|
|||
enabled : false
|
||||
},
|
||||
|
||||
xAxis : {
|
||||
allowDecimals : true
|
||||
xAxis: {
|
||||
type: 'datetime',
|
||||
dateTimeLabelFormats: {
|
||||
second: '%Y-%m-%d<br/>%H:%M:%S',
|
||||
minute: '%Y-%m-%d<br/>%H:%M',
|
||||
hour: '%Y-%m-%d<br/>%H:%M',
|
||||
day: '%Y<br/>%m-%d',
|
||||
week: '%Y<br/>%m-%d',
|
||||
month: '%Y-%m',
|
||||
year: '%Y'
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
tooltip : {
|
||||
formatter: function() {
|
||||
var s = '<b>'+ Highcharts.dateFormat('%Y-%m-%d %A %H:%M:%S', this.x) +'</b>';
|
||||
|
||||
$.each(this.points, function(i, point) {
|
||||
s += '<br /><span style="color: '+point.series.color+';">' + point.series.name + ': ' + point.y +'</span>';
|
||||
});
|
||||
|
||||
return s;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
@ -81,7 +123,11 @@ $(function() {
|
|||
chart.addSeries({
|
||||
name: seriename,
|
||||
data: data,
|
||||
type : 'column'
|
||||
type : _this.linetype,
|
||||
dataGrouping: {
|
||||
enabled: false,
|
||||
forced: false,
|
||||
}
|
||||
});
|
||||
},
|
||||
'timeout': 30000,
|
||||
|
@ -107,4 +153,5 @@ $( document ).ajaxSend(function() {
|
|||
$( document ).ajaxSend(function() {
|
||||
$('#loading').css('display','none');
|
||||
});
|
||||
|
||||
</script>
|
|
@ -101,6 +101,6 @@ class Record
|
|||
if(empty($time))
|
||||
return (time()+8*3600)*1000;
|
||||
else
|
||||
return $time*1000;
|
||||
return ($time+8*3600)*1000;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue