| | |
| | | <div v-else style="color: white; text-align: center; padding-top: 50px"> |
| | | æ°æ®å è½½ä¸... |
| | | </div> |
| | | <div v-if="error" style="color: red; text-align: center; padding-top: 50px"> |
| | | æ°æ®å 载失败: {{ error }} |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | }, |
| | | }, |
| | | series: [ |
| | | { name: 'æåå
¥åº', type: 'line', data: [] }, |
| | | { name: 'æååºåº', type: 'line', data: [] }, |
| | | { name: '空æ¡åæµ', type: 'line', data: [] }, |
| | | { name: 'æåååº', type: 'line', data: [] } |
| | | { |
| | | name: 'æåå
¥åº', |
| | | type: 'line', |
| | | data: [], |
| | | areaStyle: { |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { offset: 0, color: 'rgba(0, 255, 255, 0.3)' }, |
| | | { offset: 1, color: 'rgba(0, 255, 255, 0)' } |
| | | ]) |
| | | } |
| | | }, |
| | | { |
| | | name: 'æååºåº', |
| | | type: 'line', |
| | | data: [], |
| | | areaStyle: { |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { offset: 0, color: 'rgba(255, 0, 255, 0.3)' }, |
| | | { offset: 1, color: 'rgba(255, 0, 255, 0)' } |
| | | ]) |
| | | } |
| | | }, |
| | | { |
| | | name: '空æ¡åæµ', |
| | | type: 'line', |
| | | data: [], |
| | | areaStyle: { |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { offset: 0, color: 'rgba(255, 255, 0, 0.3)' }, |
| | | { offset: 1, color: 'rgba(255, 255, 0, 0)' } |
| | | ]) |
| | | } |
| | | }, |
| | | { |
| | | name: 'æåååº', |
| | | type: 'line', |
| | | data: [], |
| | | areaStyle: { |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { offset: 0, color: 'rgba(0, 255, 0, 0.3)' }, |
| | | { offset: 1, color: 'rgba(0, 255, 0, 0)' } |
| | | ]) |
| | | } |
| | | } |
| | | ] |
| | | }; |
| | | }, |
| | | async fetchData() { |
| | | this.loading = true; |
| | | this.loading = true; |
| | | this.error = null; |
| | | |
| | | try { |
| | |
| | | } |
| | | }, |
| | | updateChart(data) { |
| | | |
| | | |
| | | const dates = data.dateRange; |
| | | const stats = data.dailyStatistics; |
| | | |
| | |
| | | </script> |
| | | |
| | | <style lang='scss' scoped> |
| | | /* æ ·å¼é¨åä¿æä¸å */ |
| | | .user_Overview { |
| | | li { |
| | | flex: 1; |
| | |
| | | } |
| | | |
| | | .allnum { |
| | | // background-image: url("../../assets/img/left_top_lan.png"); |
| | | &::before { |
| | | background-image: url("../../assets/img/left_top_lan.png"); |
| | | } |