You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.0 KiB
66 lines
2.0 KiB
5 years ago
|
$(document).on('turbolinks:load', function() {
|
||
|
|
if ($('body.admins-dashboards-index-page').length > 0) {
|
||
|
|
// 月新增用户
|
||
|
|
var monthChart = echarts.init(document.getElementById('month-active-user'));
|
||
|
|
monthChart.setOption({
|
||
|
|
tooltip: {
|
||
|
|
show: "true",
|
||
|
|
trigger: 'item',
|
||
|
|
formatter: '{c0}',
|
||
|
|
backgroundColor: 'rgba(0,0,0,0.7)', // 背景
|
||
|
|
padding: [8, 10], //内边距
|
||
|
|
extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
|
||
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
series : [
|
||
|
|
{
|
||
|
|
name: '访问来源',
|
||
|
|
type: 'pie',
|
||
|
|
radius: '55%',
|
||
|
|
data: []
|
||
|
|
}
|
||
|
|
]
|
||
|
|
});
|
||
|
|
monthChart.showLoading();
|
||
|
|
$.get('/admins/dashboards/month_active_user.json').done(function(data){
|
||
|
|
monthChart.setOption({
|
||
|
|
series: [
|
||
|
|
{ data: data.data }
|
||
|
|
]
|
||
|
|
});
|
||
|
|
|
||
|
|
monthChart.hideLoading();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// 近七天评测次数
|
||
|
|
var evaluateChart = echarts.init(document.getElementById('evaluate-pie'));
|
||
|
|
evaluateChart.setOption({
|
||
|
|
tooltip: {
|
||
|
|
show: "true",
|
||
|
|
trigger: 'item',
|
||
|
|
formatter: '{c0}',
|
||
|
|
backgroundColor: 'rgba(0,0,0,0.7)', // 背景
|
||
|
|
padding: [8, 10], //内边距
|
||
|
|
extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
|
||
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
xAxis: { type: 'category', data: [] },
|
||
|
|
yAxis: { type: 'value' },
|
||
|
|
series: [{ data: [], type: 'line' }]
|
||
|
|
});
|
||
|
|
evaluateChart.showLoading();
|
||
|
|
$.get('/admins/dashboards/evaluate.json').done(function(data){
|
||
|
|
evaluateChart.setOption({
|
||
|
|
xAxis: { data: data.names },
|
||
|
|
series: [{ data: data.data }]
|
||
|
|
});
|
||
|
|
|
||
|
|
evaluateChart.hideLoading();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|