fixed:echartsResize
bobi
parent
c027756ae2
commit
ad06c4e27f
|
|
@ -74,7 +74,7 @@ layui.use(useModel, function () {
|
|||
function userSource() {
|
||||
var userSourceMap = echarts.init($("#userSourceMap")[0], "mytheme");
|
||||
userSourceMap.setOption(userSourceOption);
|
||||
okUtils.echartsResize(userSourceMap);
|
||||
okUtils.echartsResize([userSourceMap]);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -149,7 +149,7 @@ layui.use(useModel, function () {
|
|||
var data = [{"name":"北京","value":100},{"name":"天津","value":83},{"name":"上海","value":113},{"name":"重庆","value":188},{"name":"河北","value":197},{"name":"河南","value":327},{"name":"云南","value":371},{"name":"辽宁","value":224},{"name":"黑龙江","value":295},{"name":"湖南","value":463},{"name":"安徽","value":7},{"name":"山东","value":176},{"name":"新疆","value":0},{"name":"江苏","value":396},{"name":"浙江","value":472},{"name":"江西","value":243},{"name":"湖北","value":226},{"name":"广西","value":404},{"name":"甘肃","value":210},{"name":"山西","value":451},{"name":"内蒙古","value":97},{"name":"陕西","value":369},{"name":"吉林","value":221},{"name":"福建","value":216},{"name":"贵州","value":221},{"name":"广东","value":85},{"name":"青海","value":21},{"name":"西藏","value":414},{"name":"四川","value":380},{"name":"宁夏","value":205},{"name":"海南","value":73},{"name":"台湾","value":348},{"name":"香港","value":54},{"name":"澳门","value":340}];
|
||||
userLocationOption.series.data = data;
|
||||
userLocationMap.setOption(userLocationOption);
|
||||
okUtils.echartsResize(userLocationMap);
|
||||
okUtils.echartsResize([userLocationMap]);
|
||||
}
|
||||
|
||||
statText();
|
||||
|
|
|
|||
|
|
@ -0,0 +1,53 @@
|
|||
"use strict";
|
||||
var useModel = ["form", "okUtils", "table", "laytpl", "laydate", "element", "jquery", "countUp", "home2Data"];//需要引入的模块
|
||||
layui.config({
|
||||
base: "../js/"
|
||||
}).use(useModel, function () {
|
||||
var $form = layui.form,
|
||||
countUp = layui.countUp,
|
||||
laydate = layui.laydate,
|
||||
element = layui.element,
|
||||
table = layui.table,
|
||||
okUtils = layui.okUtils,
|
||||
$ = layui.jquery,
|
||||
laytpl = layui.laytpl;
|
||||
/**静态数据**/
|
||||
var echartsData = layui.home2Data;
|
||||
init();
|
||||
|
||||
function init() {
|
||||
/**今日访问量**/
|
||||
var elem_nums = $(".media-cont .num");
|
||||
elem_nums.each(function (i, j) {
|
||||
let ran = parseInt(Math.random() * 1900 + 100); //[100,2000)包括100不包括2000
|
||||
!new countUp({
|
||||
target: j,
|
||||
endVal: ran
|
||||
}).start();
|
||||
});
|
||||
|
||||
/**4个图表**/
|
||||
var echIncome = echarts.init($("#echIncome")[0]);
|
||||
var echGoods = echarts.init($('#echGoods')[0]);
|
||||
var echBlogs = echarts.init($("#echBlogs")[0]);
|
||||
var echUser = echarts.init($('#echUser')[0]);
|
||||
okUtils.echartsResize([echIncome, echGoods, echBlogs, echUser]);
|
||||
|
||||
echIncome.setOption(echartsData.income);//数据图
|
||||
echGoods.setOption(echartsData.goods);//数据图
|
||||
echBlogs.setOption(echartsData.blogs);//数据图
|
||||
echUser.setOption(echartsData.user);//数据图
|
||||
|
||||
//用户活跃量,用户访问来源
|
||||
var echOne = echarts.init($("#echOne")[0], "themez");
|
||||
var echTwo = echarts.init($("#echTwo")[0], "themez");
|
||||
var mapThree = echarts.init($("#mapThree")[0], "themez");
|
||||
okUtils.echartsResize([echOne, echTwo, mapThree]);
|
||||
|
||||
echOne.setOption(echartsData.echOne);//数据图
|
||||
echTwo.setOption(echartsData.echTwo);//数据图
|
||||
mapThree.setOption(echartsData.mapThree);//数据图
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
57
js/home2.js
57
js/home2.js
|
|
@ -1,57 +0,0 @@
|
|||
"use strict";
|
||||
var useModel = ["form", "okUtils", "table", "laytpl", "laydate",
|
||||
"element", "jquery", "countUp", "home2Data"];//需要引入的模块
|
||||
layui.config({
|
||||
base: "../js/"
|
||||
}).use(useModel, function () {
|
||||
var $form = layui.form,
|
||||
countUp = layui.countUp,
|
||||
laydate = layui.laydate,
|
||||
element = layui.element,
|
||||
table = layui.table,
|
||||
okUtils = layui.okUtils,
|
||||
$ = layui.jquery,
|
||||
laytpl = layui.laytpl;
|
||||
/**静态数据**/
|
||||
var echartsData = layui.home2Data;
|
||||
init();
|
||||
|
||||
function init() {
|
||||
/**今日访问量**/
|
||||
var elem_nums = $(".media-cont .num");
|
||||
elem_nums.each(function (i, j) {
|
||||
let ran = parseInt(Math.random() * 1900 + 100); //[100,2000)包括100不包括2000
|
||||
!new countUp({
|
||||
target: j,
|
||||
endVal: ran
|
||||
}).start();
|
||||
});
|
||||
|
||||
/**4个图表**/
|
||||
var echIncome = echarts.init($("#echIncome")[0]);
|
||||
var echGoods = echarts.init($('#echGoods')[0]);
|
||||
var echBlogs = echarts.init($("#echBlogs")[0]);
|
||||
var echUser = echarts.init($('#echUser')[0]);
|
||||
okUtils.echartsResize([echIncome, echGoods, echBlogs, echUser]);
|
||||
|
||||
echIncome.setOption(echartsData.income);//数据图
|
||||
echGoods.setOption(echartsData.goods);//数据图
|
||||
echBlogs.setOption(echartsData.blogs);//数据图
|
||||
echUser.setOption(echartsData.user);//数据图
|
||||
|
||||
//用户活跃量,用户访问来源
|
||||
var echOne = echarts.init($("#echOne")[0], "themez");
|
||||
var echTwo = echarts.init($("#echTwo")[0], "themez");
|
||||
var mapThree = echarts.init($("#mapThree")[0], "themez");
|
||||
okUtils.echartsResize([echOne, echTwo, mapThree]);
|
||||
|
||||
echOne.setOption(echartsData.echOne);//数据图
|
||||
echTwo.setOption(echartsData.echTwo);//数据图
|
||||
mapThree.setOption(echartsData.mapThree);//数据图
|
||||
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
|
@ -20,10 +20,13 @@ layui.define(["layer"], function (exprots) {
|
|||
* 主要用于对ECharts视图自动适应宽度
|
||||
*/
|
||||
echartsResize: function (element) {
|
||||
var element = element || [];
|
||||
window.addEventListener("resize", function () {
|
||||
var isResize = localStorage.getItem("isResize");
|
||||
if (isResize == "false") {
|
||||
element.resize();
|
||||
for (var i = 0; i < element.length; i++) {
|
||||
element[i].resize();
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@
|
|||
</body>
|
||||
</html>
|
||||
<script type="text/javascript" src="../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="../js/home2.js"></script>
|
||||
<script type="text/javascript" src="../js/console1.js"></script>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue