136 lines
4.5 KiB
PHP
136 lines
4.5 KiB
PHP
<?php
|
|
/**
|
|
* The burn view file of execution module of ZenTaoPMS.
|
|
*
|
|
* @copyright Copyright 2009-2015 青岛易软天创网络科技有限公司(QingDao Nature Easy Soft Network Technology Co,LTD, www.cnezsoft.com)
|
|
* @license ZPL(http://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
|
|
* @author Chunsheng Wang <chunsheng@cnezsoft.com>
|
|
* @package execution
|
|
* @version $Id: cfd.html.php 4164 2013-01-20 08:27:55Z wwccss $
|
|
* @link http://www.zentao.net
|
|
*/
|
|
?>
|
|
<?php include '../../common/view/header.html.php';?>
|
|
<?php js::import($jsRoot . 'echarts/echarts.common.min.js'); ?>
|
|
<?php js::import($jsRoot . 'html2canvas/min.js'); ?>
|
|
<?php js::set('executionID', $executionID); ?>
|
|
<div id='mainMenu' class='clearfix'>
|
|
<div class='btn-toolbar pull-left'>
|
|
<?php
|
|
if(strpos('wait,doing', $execution->status) !== false)
|
|
{
|
|
common::printLink('execution', 'computeCFD', "reload=yes&executionID=$executionID", '<i class="icon icon-refresh"></i> ' . $lang->execution->computeCFD, 'hiddenwin', "title='{$lang->execution->computeCFD}' class='btn btn-primary' id='computeCFD'");
|
|
echo '<div class="space"></div>';
|
|
}
|
|
?>
|
|
<div class='input-control w-100px'>
|
|
<?php echo html::select('type', $lang->execution->cfdTypeList, $type, "class='form-control chosen'");?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='mainContent' class='main-content'>
|
|
<h2 class='text-center'><?php echo $executionName . ' - ' . zget($lang->execution->cfdTypeList, $type) . $lang->execution->CFD;?></h2>
|
|
<div id="cfdWrapper">
|
|
<div id="cfdChart" style="width: 1200px; height: 600px"></div>
|
|
<div id="cfdYUnit"><?php echo $lang->execution->count;?></div>
|
|
<div id="cfdXUnit"><?php echo $lang->execution->burnXUnit;?></div>
|
|
<div id="burnStatistics">
|
|
<div class="stat-title"><span class="bg-primary"> </span> <?php echo $lang->execution->charts->cfd->cycleTime;?> <i class="icon icon-help" data-toggle="tooltip" data-tip-class="tooltip-help" data-placement="bottom" title="<?php echo $lang->execution->charts->cfd->cycleTimeTip;?>"></i></div>
|
|
<h3><?php echo $cycleTimeAvg ? ($cycleTimeAvg . $lang->day) : $lang->noData;?></h3>
|
|
<div class="stat-title"><span class="bg-primary"> </span> <?php echo $lang->execution->charts->cfd->throughput;?> <i class="icon icon-help" data-toggle="tooltip" data-tip-class="tooltip-help" data-placement="bottom" title="<?php echo $lang->execution->charts->cfd->throughputTip;?>"></i></div>
|
|
<h3><?php echo $throughput ? $throughput : $lang->noData;?></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php if(!empty($chartData)):?>
|
|
<script>
|
|
var i = 0;
|
|
var series = [];
|
|
var colors = ['#33B4DB', '#7ECF69', '#FFC73A', '#FF5A61', '#50C8D0', '#AF5AFF', '#4EA3FF', '#FF8C5A', '#6C73FF'];
|
|
//var background = ['#E1F4FA', '#ECF8E9', '#FFF7E2', '#FFE7E8', '#E5F7F8', '#F3E7FF', '#E5F1FF', '#FFEEE7', '#E9EAFF'];
|
|
|
|
<?php foreach($chartData['line'] as $label => $set):?>
|
|
series.push({
|
|
name: '<?php echo $label;?>',
|
|
type: 'line',
|
|
stack: 'Total',
|
|
color: colors[i],
|
|
areaStyle: {
|
|
color: colors[i],
|
|
opacity: 0.2
|
|
},
|
|
emphasis: {
|
|
focus: 'series'
|
|
},
|
|
data: <?php echo $set;?>
|
|
})
|
|
i ++;
|
|
<?php endforeach;?>
|
|
|
|
var chartDom = document.getElementById('cfdChart');
|
|
var CFD = echarts.init(chartDom);
|
|
var option;
|
|
|
|
option = {
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'cross',
|
|
label: {
|
|
backgroundColor: '#6a7985'
|
|
}
|
|
}
|
|
},
|
|
legend: {
|
|
data: <?php echo json_encode(array_keys($chartData['line']));?>
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis: [
|
|
{
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: <?php echo json_encode($chartData['labels'])?>,
|
|
axisLine: {
|
|
show: true,
|
|
lineStyle:
|
|
{
|
|
color: '#999',
|
|
width:1,
|
|
}
|
|
}
|
|
}
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value',
|
|
axisLine: {
|
|
show: true,
|
|
lineStyle:
|
|
{
|
|
color: '#999',
|
|
width:1,
|
|
}
|
|
}
|
|
}
|
|
],
|
|
series: series,
|
|
};
|
|
|
|
option && CFD.setOption(option);
|
|
window.addEventListener('resize', CFD.resize);
|
|
</script>
|
|
<?php endif;?>
|
|
|
|
<script>
|
|
$('#type').change(function()
|
|
{
|
|
location.href = createLink('execution', 'cfd', 'executionID=' + executionID + '&type=' + $(this).val());
|
|
});
|
|
</script>
|
|
<?php include '../../common/view/footer.html.php';?>
|