<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div class="box-pd">
	<div class="hd-title"><span name="type_tag"></span>软性广告植入分布</div>
	<div class="box-sub-pad">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="program_tag"></span>软性广告植入频次分布 <span class="orange font12">单位（次）</span></div>
				<div class="padContent">
					<div id="frequency_pie" style="height:300px;"></div>
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="program_tag"></span>软性广告植入时长分布 <span class="orange font12">单位（秒）</span></div>
				<div class="padContent">
					<div id="length_pie" style="height:300px;"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="hd-title mTop20" id="tv_title"><span name="type_tag"></span>效果展望</div>
	<div class="box-sub-pad" id="tv_div">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="program_tag"></span>收视趋势</div>
				<div class="padContent">
					<div id="rating_35" style="height:300px;"></div>
				</div>
				<div align="center" id="rating_ratio_div">
					
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="program_tag"></span>点击趋势</div>
				<div class="padContent">
					<div id="net_chart" style="height:300px;"></div>
				</div>
				<div align="center" id="net_ratio_div">
				</div>
			</div>
		</div>
	</div>

	<div class="hd-title mTop20"><span name="type_tag"></span>人群构成</div>
	<div class="box-sub-pad">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="program_tag"></span> <span name="group_title1"></span></div>
				<div class="padContent">
					<div id="tv_group_chart" style="height:300px;"></div>
				</div>
				<div align="center"  id="tv_group_ratios">
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="program_tag"></span> <span name="group_title2"></span></div>
				<div class="padContent">
					<div id="net_group_chart" style="height:300px;"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="hd-title mTop20"><span name="type_tag"></span>效果排名</div>
	<div class="box-sub-pad">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="net_title1"></span></div>
				<div class="padContent">
					<div id="rank_char_1" style="height:550px;"></div>
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="net_title2"></span></div>
				<div class="padContent">
					<div id="rank_char_2" style="height:550px;"></div>
				</div>
			</div>
		</div>
	</div>
</div>