gfwleak/k18-ntcs-web-ntc
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实时统计-流量统计下的统计页面 图形 查询条件等样式的修改

Browse Source
This commit is contained in:
shangguanyanfei
2019-06-12 19:33:59 +08:00
parent c8467db46b
commit 6f3647694e
20 changed files with 443 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/main/webapp/WEB-INF/views/dashboard/commonNew.jsp
View File

@@ -14,7 +14,6 @@
<body>
<div class="page-content">
<h5 class="page-header"></h5>
<div class="portlet">
<div class="portlet-body">
<div class="row">
@@ -138,13 +137,52 @@
</select>
</div>
</div>
<div id="area_detail" class="pull-left" style="display: none;">
<div class="input-group">
<div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="area_id"/></span>
</div>
<select id="area_select" name="area" class="selectpicker select2 input-small">
<option value="" ><spring:message code="select"/></option>
<option value="astana">Astana</option>
<option value="almaty">Almaty</option>
</select>
</div>
</div>
<div id="operator_detail" class="pull-left" style="display: none;">
<div class="input-group">
<div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="isp"/></span>
</div>
<select id="operator_select" name="operator" class="selectpicker form-control" data-max-options="10" data-selected-text-format="count > 2" multiple max-width="100px" data-live-search="true" data-live-search-placeholder="search">
<option value=""><spring:message code="select"/></option>
<c:forEach items="${fns:getIspDicList('ispCode')}" var="dict" >
<option value="${dict.ispKeyCode}"><spring:message code="${dict.ispKeyName}"></spring:message></option>
</c:forEach>
</select>
</div>
</div>
<div id="chart_detail" class="pull-left" style="display: none;">
<div class="input-group">
<div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="chart_type"/></span>
</div>
<select id="chartType" name="chartType" class="selectpicker select2 input-small">
<option value ="line"><spring:message code="line_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
<c:if test="${concent ne '3'}">
<option value ="pie"><spring:message code="pie_chart"/></option>
</c:if>
</select>
</div>
</div>
</div>
<div class="col-md-12" style="padding-top: 6px;">
<div class="col-md-12" style="padding-top: 3px;">
<div class="form-group">
<div class="control-label col-md-3 form-control" style="width: max-content;">
<spring:message code="time_granularity" />
</div>
<div class="col-md-6" style="padding-left: 10px;">
<div class="col-md-4" style="padding-left: 10px;">
<div class="mt-radio-inline" style="height: 34px">
<label class="mt-radio">
<input type="radio" class="timeSize" name="time" value="1" checked/>
@@ -172,20 +210,46 @@
<span></span>
</label>
</div>
</div>
</div>
</div>
<br>
<!-- 搜索内容与操作按钮栏 -->
<div class="col-md-12" style="padding-top: 6px;">
<div class="pull-left">
<div class="input-group beginDate">
<div class="input-group-btn">
<span class="selectpicker form-control"><spring:message code="begin_date" /></span>
</div>
</div>
<!-- <input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setStartTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)"/> -->
<input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
<input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')"/>
</div>
</div>
<div class="pull-left">
<div class="input-group endDate">
<div class="input-group-btn">
<span class="selectpicker form-control"><spring:message code="end_date" /></span>
</div>
<!-- <input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setEndTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)"/> -->
<input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')"/>
</div>
</div>
</div>
</div>
<br>
<!-- 搜索内容与操作按钮栏 -->
<%-- <div class="col-md-12" style="padding-top: 6px;">
<div class="pull-left">
<div class="input-group beginDate">
<div class="input-group-btn">
<span class="selectpicker form-control"><spring:message code="begin_date" /></span>
</div> --%>
<!-- <input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setStartTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)"/> -->
<%-- <input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')"/>
</div>
</div>
@@ -193,16 +257,16 @@
<div class="input-group endDate">
<div class="input-group-btn">
<span class="selectpicker form-control"><spring:message code="end_date" /></span>
</div>
</div> --%>
<!-- <input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setEndTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)"/> -->
<input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
<!-- <input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')"/>
</div>
</div>
</div>
<div class="col-md-12" style="padding-top: 6px;">
</div> -->
<%-- <div class="col-md-12" style="padding-top: 6px;">
<div id="area_detail" class="pull-left" style="display: none;">
<div class="input-group">
<div class="input-group-btn">
@@ -229,21 +293,23 @@
</div>
</div>
</div>
</div> --%>
<div class="col-md-12" style="padding-top: 6px;">
<div id="chart_detail" class="pull-left" style="display: none;">
<div class="col-md-12" style="padding-top: 3px;">
<%-- <div id="chart_detail" class="pull-left" style="display: none;">
<div class="input-group">
<div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="chart_type"/></span>
</div>
<select id="chartType" name="chartType" class="selectpicker select2 input-small">
<option value ="line"><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
<c:if test="${concent ne '3'}">
<option value ="pie"><spring:message code="pie_chart"/></option>
</c:if>
</select>
</div>
</div>
</div> --%>
<c:if test="${empty concent or concent eq '1' }">
<div class="pull-left">
<button id="search" type="button" class="btn blue" onClick="return page()"> <i class="fa fa-search"></i> <spring:message code="search"/> </button>

5
src/main/webapp/WEB-INF/views/dashboard/configStatisticTrans.jsp
View File

@@ -28,14 +28,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>

33
src/main/webapp/WEB-INF/views/dashboard/newActionList.jsp
View File

@@ -143,7 +143,33 @@ function showActionTransChart(chartType,xData,series){
}
},
showInLegend: true
}
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series: series,
}
@@ -182,6 +208,11 @@ function showActionTransChart(chartType,xData,series){
chart.tooltip.pointFormat = "{point.y}| <b>{point.percentage:.1f}%</br>";
}else{
chart.tooltip.pointFormat = "<span style='color:{point.color}'>\u25CF</span> {series.name}: <b>{point.y}</b><br/>";
/* var a=JSON.parse($("#total").val())[0];
chart.tooltip.pointFormat =function(){
var b=this.y/a*100;
return "<span style='color:{point.color}'>\u25CF</span> {series.name}: <b>"+b.toFixed(2)+"%</b><br/>";
} */
}
}

51
src/main/webapp/WEB-INF/views/dashboard/newActiveClientIPList.jsp
View File

@@ -459,7 +459,7 @@ function clientIPChart(rs,chartType){
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
},
}/* ,
pie:{
allowPointSelect: true,
showInLegend: true,
@@ -478,7 +478,7 @@ function clientIPChart(rs,chartType){
}
},
},
}
} */
},
credits:{//是否有水印
enabled:false
@@ -497,6 +497,53 @@ function clientIPChart(rs,chartType){
year: '%Y-%m-%d %H:%M:%S'
}
},
plotOptions: {
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series: data
}
if(typeof chartType != "undefined"){

5
src/main/webapp/WEB-INF/views/dashboard/newActiveClientIPTrans.jsp
View File

@@ -30,14 +30,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>

51
src/main/webapp/WEB-INF/views/dashboard/newActiveServerIPList.jsp
View File

@@ -459,7 +459,7 @@ function serverIPChart(rs,chartType){
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
},
}/* ,
pie:{
allowPointSelect: true,
showInLegend: true,
@@ -478,7 +478,7 @@ function serverIPChart(rs,chartType){
}
},
},
}
} */
},
credits:{//是否有水印
enabled:false
@@ -497,6 +497,53 @@ function serverIPChart(rs,chartType){
year: '%Y-%m-%d %H:%M:%S'
}
},
plotOptions: {
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series: data
}
if(typeof chartType != "undefined"){

5
src/main/webapp/WEB-INF/views/dashboard/newActiveServerIPTrans.jsp
View File

@@ -30,14 +30,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>

5
src/main/webapp/WEB-INF/views/dashboard/newAppTrans.jsp
View File

@@ -31,14 +31,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>

51
src/main/webapp/WEB-INF/views/dashboard/newAppTypeList.jsp
View File

@@ -515,7 +515,7 @@ function appTypeChart(rs,chartType){
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
},
}/* ,
pie:{
allowPointSelect: true,
showInLegend: true,
@@ -534,7 +534,7 @@ function appTypeChart(rs,chartType){
}
},
},
}
} */
},
credits:{//是否有水印
enabled:false
@@ -553,6 +553,53 @@ function appTypeChart(rs,chartType){
year: '%Y-%m-%d %H:%M:%S'
}
},
plotOptions: {
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series: data
}
if(typeof chartType != "undefined"){

4
src/main/webapp/WEB-INF/views/dashboard/newConfigStatistic.jsp
View File

@@ -8,6 +8,7 @@
<table id="contentTable" class="table table-striped table-bordered table-condensed text-nowrap logTb">
<thead>
<tr>
<th ><spring:message code="trend"/></th>
<th column="cfg_id"><spring:message code="cfg_id"/></th>
<th column="config_describe"><spring:message code="config_describe"/></th>
<th class="sort-column sum" column="config_log_total"><spring:message code="config_log_total"/></th>
@@ -16,7 +17,8 @@
<tbody>
<c:forEach var="log" items="${page.list }" varStatus="status">
<tr>
<td><a onclick="searchByConfig(${log.cfgId},${log.cfgDesc})" title="${log.cfgId}">${log.cfgId}</a></td>
<td class='tc'><a href='#' onclick="searchByConfig(${log.cfgId},${log.cfgDesc})"><i class='fa fa-line-chart'></i></a></td>
<td>${log.cfgId}</td>
<td>${log.cfgDesc }</td>
<td>${log.sum }</td>
</tr>

5
src/main/webapp/WEB-INF/views/dashboard/newDomainTrans.jsp
View File

@@ -29,14 +29,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>

51
src/main/webapp/WEB-INF/views/dashboard/newDomainsList.jsp
View File

@@ -507,7 +507,7 @@ function webTypeChart(rs,chartType){
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
},
}/* ,
pie:{
allowPointSelect: true,
showInLegend: true,
@@ -526,7 +526,7 @@ function webTypeChart(rs,chartType){
}
},
},
}
} */
},
credits:{//是否有highcharts水印
enabled:false
@@ -545,6 +545,53 @@ function webTypeChart(rs,chartType){
year: '%Y-%m-%d %H:%M:%S'
}
},
plotOptions: {
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series: data
}
if(typeof chartType != "undefined"){

67
src/main/webapp/WEB-INF/views/dashboard/newProtocolTypeList.jsp
View File

@@ -511,25 +511,7 @@ function protocolTypeChart(rs,chartType){
}
},
},
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
}
},
credits:{//是否有水印
enabled:false
@@ -549,6 +531,53 @@ function protocolTypeChart(rs,chartType){
year: '%Y-%m-%d %H:%M:%S'
}
},
plotOptions: {
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series:data
}
if(typeof chartType != "undefined"){

5
src/main/webapp/WEB-INF/views/dashboard/newProtocolsTrans.jsp
View File

@@ -31,14 +31,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>

51
src/main/webapp/WEB-INF/views/dashboard/newSubscriberIDList.jsp
View File

@@ -459,7 +459,7 @@ function subscriberIDChart(rs,chartType){
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
},
}/* ,
pie:{
allowPointSelect: true,
showInLegend: true,
@@ -478,7 +478,7 @@ function subscriberIDChart(rs,chartType){
}
},
},
}
} */
},
credits:{//是否有水印
enabled:false
@@ -497,6 +497,53 @@ function subscriberIDChart(rs,chartType){
year: '%Y-%m-%d %H:%M:%S'
}
},
plotOptions: {
pie:{
allowPointSelect: true,
showInLegend: true,
point: {
events: {
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时，收回突出显示
mouseOut: function() {
this.slice();
},
// 默认是点击突出，这里屏蔽掉
click: function() {
return false;
}
},
},
},
column: {
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
},
line: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels:{
enabled:true,
color: '#5B5B5B',
formatter:function () {
var total=JSON.parse($("#total").val())[0];
a = this.y/total*100;
return a.toFixed(2) + "%"
}
}
// colorByPoint: true
}
},
series: data
}
if(typeof chartType != "undefined"){

5
src/main/webapp/WEB-INF/views/dashboard/newSubscriberIDTrans.jsp
View File

@@ -30,14 +30,13 @@
</div>
<select id="chartType" class="selectpicker select2 input-small">
<option value ="line" selected><spring:message code="line_chart"/></option>
<option value ="bar"><spring:message code="bar_chart"/></option>
<option value ="pie"><spring:message code="pie_chart"/></option>
<option value ="column"><spring:message code="column_chart"/></option>
</select>
</div>
</div>
</form:form>
</div>
<div id="chart" style="width:95%;height:500px;"></div>
<div id="chart" style="width:95%;height:450px;"></div>
</div>
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/highcharts.js"></script>