142 lines
5.4 KiB
HTML
142 lines
5.4 KiB
HTML
<!-- 分布分析 -->
|
||
<div class="analysis-zhanwei">
|
||
|
||
</div>
|
||
|
||
<div class="analysis-navigation-bar-box">
|
||
<div class="analysis-navigation-bar">
|
||
<div class="analysis-navigation-bar-left">
|
||
<span>分布分析</span><img src="./static/img/capytishi.png" title="分析某段时间内，某个事件或事件属性的整体趋势情况"/>
|
||
</div>
|
||
<div class="analysis-navigation-bar-right">
|
||
<div class="analysis-navigation-bar-right-jisuan">
|
||
<!-- <span>TA用户ID</span> -->
|
||
</div>
|
||
<div class="analysis-navigation-bar-right-img" title="最后更新时间：2021-04-29 14:44:39">
|
||
<img src="./static/img/gengxin.png">
|
||
</div>
|
||
<div class="analysis-navigation-bar-right-img sqlquery" title="查看条件代码">
|
||
<i class="iconfont" style="font-size: 18px; color: #67729d;"></i>
|
||
</div>
|
||
<div class="analysis-navigation-bar-right-img" title="以页面格式下载全量数据">
|
||
<img src="./static/img/xiazai.png">
|
||
</div>
|
||
<div class="analysis-navigation-bar-right-img analysis-navigation-bar-right-img-baobiao" title="报表">
|
||
<img src="./static/img/baobiao2.png">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="analysis-bg">
|
||
<!-- 左侧条件筛选区域 -->
|
||
<div class="analysis-con-left">
|
||
<!-- 伸缩按钮 -->
|
||
<div class="analysis-con-left-shrink"></div>
|
||
|
||
<div class="root___2a4tb">
|
||
|
||
<div class="block___2n0We">
|
||
<div class="analysis-con-left-title">用户参与事件</div>
|
||
<div class="analysis-con-left-screen-list-box" id="userpar-event">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="block___2n0We">
|
||
<div class="analysis-con-left-title">分组项</div>
|
||
<div class="analysis-con-left-screen-box" id="shushi">
|
||
|
||
</div>
|
||
<div class="analysis-foot___P797w">
|
||
<span class="analysis-footadd___2D4YB">
|
||
<img src="./static/img/fenzu.png">
|
||
添加分组项
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="analysis-but-box">
|
||
<div class="analysis-savereport">保存报表</div>
|
||
<div class="analysis-calculation">计 算</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<!-- 右边图表显示区域 -->
|
||
<div class="analysis-con-right">
|
||
<div class="analtsis-con-box">
|
||
<div class="analtsis-con-right-box">
|
||
<div class="analtsis-con-right-top-title">
|
||
玩法参与情况
|
||
</div>
|
||
<div class="analtsis-condition-box">
|
||
<div class="analtsis-time-box">
|
||
<div class="analtsis-condition" > <input id="retained-condition-date" readonly="readonly"></input> </div>
|
||
<div class="analtsis-condition analtsis-timeParticleSize">7天</div>
|
||
</div>
|
||
|
||
<div class="analtsis-condition-right-box">
|
||
<!-- <div class="analtsis-condition">指标</div>
|
||
<div class="analtsis-condition">分组</div> -->
|
||
<div class="analtsis-chart-switch-box">
|
||
<div class="analtsis-chart-switch select-chart" title="数据表"> <i class="iconfont" style="font-size: 18px; "></i> </div>
|
||
<div class="analtsis-chart-switch " title="数值分布"> <i class="iconfont" style="font-size: 18px; "></i> </div>
|
||
<div class="analtsis-chart-switch" title="百分比分布"> <i class="iconfont" style="font-size: 18px; "></i> </div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- 统计图 -->
|
||
<div class="analysis-echarts" id="distribution-echarts" style="display: none;"></div>
|
||
|
||
<div class="table-div-box">
|
||
<table class="table-fenxi-box">
|
||
<thead>
|
||
<tr class="table-fenxi-th">
|
||
|
||
</tr>
|
||
</thead>
|
||
<tbody class="table-fenxi-td">
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script id="table-fenxi-th-dot" type="text/html">
|
||
{{# layui.each(d, function(index, item){ }}
|
||
{{# if(item == "第0日"){ }}
|
||
<th>当日</th>
|
||
{{# } else { }}
|
||
<th>{{item}}</th>
|
||
{{# } }}
|
||
{{# }); }}
|
||
</script>
|
||
|
||
<script id="table-fenxi-td-dot" type="text/html">
|
||
{{# layui.each(d, function(index, item){ }}
|
||
<tr >
|
||
<td>{{item.date}}</td>
|
||
<td>{{item.total}}</td>
|
||
{{# layui.each(item.data, function(indexs, items){ }}
|
||
<td>
|
||
<p>{{items.n}}</p>
|
||
<p>{{items.p}}%</p>
|
||
</td>
|
||
{{# }); }}
|
||
</tr>
|
||
{{# }); }}
|
||
</script>
|
||
|
||
|