.

src/components/ECharts/Apache.vue

@@ -23,6 +23,17 @@ export default {
   computed: {
     opt() {
       return {
+        dataZoom: [
+          {
+            orient: 'horizontal',
+            show: this.value.length > 10, // 控制滚动条显示隐藏
+            realtime: true, // 拖动滚动条时是否动态的更新图表数据
+            height: 10, // 滚动条高度
+            start: 0, // 滚动条开始位置（共100等份）
+            end: this.endValue, // 滚动条结束位置
+            bottom: '9%'
+          }
+        ],
         tooltip: {
           trigger: 'axis'
         },

src/components/ECharts/index.vue

@@ -15,6 +15,7 @@ import {
   GridComponent,
   DatasetComponent,
   TransformComponent,
+  DataZoomComponent,
   LegendComponent
 } from 'echarts/components'
 // 标签自动布局，全局过渡动画等特性
@@ -33,6 +34,7 @@ echarts.use([
   PieChart,
   BarChart,
   LegendComponent,
+  DataZoomComponent,
   LabelLayout,
   UniversalTransition,
   CanvasRenderer

src/components/Question/drawer.vue

@@ -70,7 +70,7 @@ export default {
         content: undefined,
         score: undefined
       },
-      formLabelWidth: '120px',
+      formLabelWidth: '80px',
       options: [
         {
           value: 'A',

src/views/dashboard/index.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="dashboard-container">
     <div class="dashboard-text">欢迎使用{{ name }}</div>
-    <el-row class="sec" type="flex" justify="space-between">
-      <el-col :span="10">
-        <statistic title="学员总数" :value="total.reg" />
-      </el-col>
-    </el-row>
-
     <el-row class="sec" type="flex" justify="space-between" :gutter="20">
       <el-col :span="12">
         <el-card style="height:496px">
@@ -99,14 +93,12 @@ import { getStudentTermTotalList, getStudentclassTotalList, getStudentAgeTotalLi
 export default {
   name: 'Dashboard',
   components: {
-    Statistic: () => import('./components/Statistic.vue'),
     pieChart: () => import('@/components/ECharts/Pie.vue'),
     LineChart: () => import('@/components/ECharts/Line.vue'),
     ApacheChart: () => import('@/components/ECharts/Apache.vue')
   },
   data() {
     return {
-      total: { reg: 972 },
       radio: '每日',
       options: [],
       termId: undefined,