110 lines
3.8 KiB
JavaScript
110 lines
3.8 KiB
JavaScript
define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {
|
||
|
||
var Controller = {
|
||
index: function () {
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var myChart = Echarts.init(document.getElementById('echart'), 'walden');
|
||
|
||
// 指定图表的配置项和数据
|
||
var option = {
|
||
title: {
|
||
text: '用户统计',
|
||
subtext: ''
|
||
},
|
||
color: [
|
||
"#18d1b1",
|
||
"#3fb1e3",
|
||
"#626c91",
|
||
"#a0a7e6",
|
||
"#c4ebad",
|
||
"#96dee8"
|
||
],
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: ['新增用户数','充值金额']
|
||
},
|
||
toolbox: {
|
||
show: false,
|
||
feature: {
|
||
magicType: {show: true, type: ['stack', 'tiled']},
|
||
saveAsImage: {show: true}
|
||
}
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: Config.column
|
||
},
|
||
yAxis: {type: 'value'},
|
||
grid: [{
|
||
left: 'left',
|
||
top: 'top',
|
||
right: '10',
|
||
bottom: 30
|
||
}],
|
||
series: [
|
||
{
|
||
name: '新增用户数',
|
||
type: 'line',
|
||
smooth: true,
|
||
stack: 'Total',
|
||
data: Config.userdata
|
||
},
|
||
{
|
||
name: '充值金额',
|
||
type: 'line',
|
||
smooth: true,
|
||
stack: 'Total',
|
||
data: Config.pricedata
|
||
}
|
||
]
|
||
};
|
||
|
||
// 使用刚指定的配置项和数据显示图表。
|
||
myChart.setOption(option);
|
||
|
||
$(window).resize(function () {
|
||
myChart.resize();
|
||
});
|
||
//['red', 'green', 'yellow', 'blue', 'teal', 'orange', 'purple']
|
||
if (Config.index_data.visit > 0) {
|
||
top.window.Backend.api.sidebar({
|
||
'user4s/visit?status=0': [Config.index_data.visit, 'red', 'badge']
|
||
});
|
||
}
|
||
if (Config.index_data.birthday_num > 0) {
|
||
top.window.Backend.api.sidebar({
|
||
'user4s/user/birthday': [Config.index_data.birthday_num, 'orange', 'badge']
|
||
});
|
||
}
|
||
// if (Config.index_data.all_visit > 0) {
|
||
// top.window.Backend.api.sidebar({
|
||
// 'user4s/visit': [Config.index_data.all_visit, 'teal', 'label']
|
||
// });
|
||
// }
|
||
if (Config.index_data.ins_end > 0) {
|
||
top.window.Backend.api.sidebar({
|
||
'user4s/user/expireins': [Config.index_data.ins_end, 'red', 'badge']
|
||
});
|
||
}
|
||
if (Config.index_data.totaluser > 0) {
|
||
top.window.Backend.api.sidebar({
|
||
'user4s/user': [Config.index_data.totaluser, 'teal', 'label']
|
||
});
|
||
}
|
||
|
||
console.log(Config);
|
||
$(document).on("click", ".btn-refresh", function () {
|
||
setTimeout(function () {
|
||
myChart.resize();
|
||
}, 0);
|
||
});
|
||
|
||
}
|
||
};
|
||
|
||
return Controller;
|
||
});
|