国际化图表标题

This commit is contained in:
zhanghongqing
2018-07-17 10:09:34 +08:00
parent 7c19df6876
commit 70f01de1b0
4 changed files with 62 additions and 42 deletions

View File

@@ -34,7 +34,7 @@
<div class="left_1">
<div class="main_title">
<!-- <img src="img/title_1.png" alt=""> -->
协议类型统计
<spring:message code="traffic_protocol_chart"/>
</div>
<div id="chart_1" class="" style="width:100%;height: 400px;"></div>
</div>
@@ -44,7 +44,7 @@
<div class="center_text">
<div class="main_title">
<!-- <img src="img/title_3.png" alt=""> -->
活跃IP统计图
<spring:message code="traffic_ipactive_chart"/>
</div>
<div id="chart_main" style="width:100%;height:400px;"></div>
</div>
@@ -53,7 +53,7 @@
<div class="right_1">
<div class="main_title">
<!-- <img src="img/title_4.png" alt=""> -->
APP流量分析
<spring:message code="traffic_app_chart"/>
</div>
<!-- <div class="choice">
<label for="">类型:</label>
@@ -71,22 +71,22 @@
<div class="bottom_1 fl">
<div class="main_title">
<!-- <img src="img/title_6.png" alt=""> -->
终端用户TOP10
<spring:message code="traffic_ua_list"/>
</div>
<div class="main_table">
<table>
<thead>
<tr>
<th>排名</th>
<th><spring:message code="ranking"/></th>
<th>
<div class="choice">
<select name="uaSelect" id="uaSelect">
<option value="system">系统</option>
<option value="browser">浏览器</option>
<option value="system"><spring:message code="os"/></option>
<option value="browser"><spring:message code="browser"/></option>
</select>
</div>
</th>
<th>数量</th>
<th><spring:message code="trend"/></th>
</tr>
</thead>
<tbody id="tbodyData1">
@@ -148,7 +148,7 @@
<div class="bottom_2 fl">
<div class="main_title">
<!-- <img src="img/title_6.png" alt=""> -->
终端用户图
<spring:message code="traffic_ua_chart"/>
</div>
<div class="main_table">
<div id="chart_2" class="" style="width:100%;height: 400px;"></div>
@@ -157,15 +157,15 @@
<div class="bottom_3 fl">
<div class="main_title">
<!-- <img src="img/title_6.png" alt=""> -->
网站流量TOP10
<spring:message code="traffic_website_list"/>
</div>
<div class="main_table">
<table>
<thead>
<tr>
<th>排名</th>
<th>网站名称</th>
<th>数量</th>
<th><spring:message code="ranking"/></th>
<th><spring:message code="website"/></th>
<th><spring:message code="trend"/></th>
</tr>
</thead>
<tbody id="tbodyData2">
@@ -227,7 +227,7 @@
<div class="bottom_4 fr">
<div class="main_title">
<!-- <img src="img/title_5.png" alt=""> -->
网站流量分析
<spring:message code="traffic_website_type_chart"/>
</div>
<div class="main_table">
<div id="chart_4" class="" style="width:100%;height: 400px;"></div>
@@ -332,10 +332,10 @@ function systemList(){
async:true,
beforeSend: function () {
var msg = "重新加载数据,请稍候...";
var msg = "Reloading...";
var trLen = $("#tbodyData1 tr").length;
if(trLen<=0) {
msg = "数据加载中,请稍候...";
msg = "OnLoading...";
}else {
$("#tbodyData1").html("")
}
@@ -409,10 +409,10 @@ function browserList() {
async:true,
beforeSend: function () {
var msg = "重新加载数据,请稍候...";
var msg = "Reloading...";
var trLen = $("#tbodyData1 tr").length;
if(trLen<=0) {
msg = "onLoading...";
msg = "OnLoading...";
}else {
$("#tbodyData1").html("")
}
@@ -455,10 +455,10 @@ function websiteList() {
async:true,
beforeSend: function () {
var msg = "重新加载数据,请稍候...";
var msg = "ReLoading...";
var trLen = $("#tbodyData2 tr").length;
if(trLen<=0) {
msg = "数据加载中,请稍候...";
msg = "OnLoading...";
}else {
$("#tbodyData2").html("")
}

View File

@@ -391,7 +391,7 @@ function echart_2(rs){
},
colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#0035f9','#964CEC','#32B0ED','#95CEFF','#7278DD','#2DA9D8','#C66FE6'],
title: {
text: '操作系统分类',
text: '<spring:message code="os_type"/>',
style: {//设置字体颜色
color: '#fff',
fontSize:'18px',
@@ -498,7 +498,7 @@ function echart_5(rs){
},
colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#0035f9','#964CEC','#32B0ED','#95CEFF','#7278DD','#2DA9D8','#C66FE6'],
title: {
text: '浏览器分类列表',
text: '<spring:message code="browser_type"/>',
style: {//设置字体颜色
color: '#fff',
fontSize:'18px',
@@ -596,15 +596,7 @@ function echart_4(rs){
colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#0035f9','#964CEC','#32B0ED','#95CEFF','#7278DD','#2DA9D8','#C66FE6'],
title: {
text: '网站统计分析',
y:30,
overflow: 'justify',
style: {//设置字体颜色
color: '#fff',
fontSize:'18px',
fontFamily:'Microsoft YaHei'
},
text: null,
},
plotOptions: {
series: {
@@ -617,7 +609,7 @@ function echart_4(rs){
pie:{
point: {
events: {
mouseOver: function(e) { // 鼠标滑过时动态更新标题
mouseOver: function(e) {
this.slice();
},
// 鼠标移出时,收回突出显示
@@ -694,15 +686,7 @@ function echart_6(rs){
colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#0035f9','#964CEC','#32B0ED','#95CEFF','#7278DD','#2DA9D8','#C66FE6'],
title: {
text: '网站分类',
y:30,
overflow: 'justify',
style: {//设置字体颜色
color: '#fff',
fontSize:'18px',
fontFamily:'Microsoft YaHei'
},
text: null,
},
plotOptions: {
series: {