|
|
@ -23,7 +23,7 @@ |
|
|
<div class="filter-right"> |
|
|
<div class="filter-right"> |
|
|
<el-button-group> |
|
|
<el-button-group> |
|
|
<el-button :type="chartMode === 'day' ? 'danger' : 'default'" @click="handleModeChange('day')">每日</el-button> |
|
|
<el-button :type="chartMode === 'day' ? 'danger' : 'default'" @click="handleModeChange('day')">每日</el-button> |
|
|
<el-button :type="chartMode === 'week' ? 'danger' : 'default'" @click="handleModeChange('week')">近七日</el-button> |
|
|
|
|
|
|
|
|
<!-- <el-button :type="chartMode === 'week' ? 'danger' : 'default'" @click="handleModeChange('week')">近七日</el-button> --> |
|
|
<el-button :type="chartMode === 'month' ? 'danger' : 'default'" @click="handleModeChange('month')">近三十日</el-button> |
|
|
<el-button :type="chartMode === 'month' ? 'danger' : 'default'" @click="handleModeChange('month')">近三十日</el-button> |
|
|
</el-button-group> |
|
|
</el-button-group> |
|
|
</div> |
|
|
</div> |
|
|
@ -73,8 +73,8 @@ |
|
|
<el-table-column prop="name" label="姓名" min-width="120" /> |
|
|
<el-table-column prop="name" label="姓名" min-width="120" /> |
|
|
<el-table-column prop="region" label="地区" width="100" /> |
|
|
<el-table-column prop="region" label="地区" width="100" /> |
|
|
<el-table-column prop="loginCount" label="登录次数" width="100" align="center" /> |
|
|
<el-table-column prop="loginCount" label="登录次数" width="100" align="center" /> |
|
|
<el-table-column prop="totalDuration" label="总停留时长" min-width="150" align="center" /> |
|
|
|
|
|
<el-table-column prop="avgDuration" label="平均停留时长" min-width="150" align="center" /> |
|
|
|
|
|
|
|
|
<!-- <el-table-column prop="totalDuration" label="总停留时长" min-width="150" align="center" /> |
|
|
|
|
|
<el-table-column prop="avgDuration" label="平均停留时长" min-width="150" align="center" /> --> |
|
|
<el-table-column prop="deepMate" label="DeepMate" min-width="100" align="center" /> |
|
|
<el-table-column prop="deepMate" label="DeepMate" min-width="100" align="center" /> |
|
|
<el-table-column prop="deepExplore" label="深度探索" min-width="100" align="center" /> |
|
|
<el-table-column prop="deepExplore" label="深度探索" min-width="100" align="center" /> |
|
|
<el-table-column prop="marketInfo" label="行情" min-width="100" align="center" /> |
|
|
<el-table-column prop="marketInfo" label="行情" min-width="100" align="center" /> |
|
|
@ -282,25 +282,15 @@ const updateChart = (data) => { |
|
|
boundaryGap: false, |
|
|
boundaryGap: false, |
|
|
data: dates |
|
|
data: dates |
|
|
}, |
|
|
}, |
|
|
yAxis: [ |
|
|
|
|
|
{ |
|
|
|
|
|
|
|
|
yAxis: { |
|
|
type: 'value', |
|
|
type: 'value', |
|
|
min: 0, |
|
|
min: 0, |
|
|
position: 'left', |
|
|
|
|
|
axisLabel: { formatter: '{value}' } |
|
|
axisLabel: { formatter: '{value}' } |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
|
|
|
type: 'value', |
|
|
|
|
|
min: 0, |
|
|
|
|
|
position: 'right', |
|
|
|
|
|
axisLabel: { formatter: '{value}' } |
|
|
|
|
|
} |
|
|
|
|
|
], |
|
|
|
|
|
series: [ |
|
|
series: [ |
|
|
{ |
|
|
{ |
|
|
name: 'DeepChart活跃人数', |
|
|
name: 'DeepChart活跃人数', |
|
|
type: 'line', |
|
|
type: 'line', |
|
|
yAxisIndex: 0, |
|
|
|
|
|
data: activeUsers, |
|
|
data: activeUsers, |
|
|
itemStyle: { color: '#e74c3c' }, |
|
|
itemStyle: { color: '#e74c3c' }, |
|
|
symbol: 'circle', |
|
|
symbol: 'circle', |
|
|
@ -310,7 +300,6 @@ const updateChart = (data) => { |
|
|
{ |
|
|
{ |
|
|
name: 'DeepChart使用次数', |
|
|
name: 'DeepChart使用次数', |
|
|
type: 'line', |
|
|
type: 'line', |
|
|
yAxisIndex: 1, |
|
|
|
|
|
data: useCounts, |
|
|
data: useCounts, |
|
|
itemStyle: { color: '#2ecc71' }, |
|
|
itemStyle: { color: '#2ecc71' }, |
|
|
symbol: 'circle', |
|
|
symbol: 'circle', |
|
|
|