轨迹图实时查询逻辑更新(去除过滤)

hanbaoshan

2021-01-19 a53f3b0645e3b0455a8c9a4a1cd0f061a8106c8d

 src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue

@@ -130,6 +130,32 @@
            </div>
          </div>
        </div>
        <div class="statics">
          <div class="lt">
            <div class="statics-part">
              <div class="statics-header">
                <span class="title">乘务员违规统计</span>
                <time-shortcut @actPickerChange="irregularStatistic"></time-shortcut>
              </div>
              <div class="chart-area flex-box">
                <div class="lt">
                  <div class="chart-theme">乘务员总人数</div>
                  <div class="sum">
                    <span class="val">8846</span>
                    <span class="ratio">17.1%</span>
                  </div>
                  <Line :options="optionsOfIrregularSum"></Line>
                </div>
                <div class="gt">
                  <div class="chart-theme">人均违规次数</div>
                  <div class="sum">
                    <span class="val">8846</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@@ -139,8 +165,9 @@
import timeShortcut from './timeShortcut';
import Bar from './charts/bar';
import Pie from './charts/pie';
import Line from './charts/line';
export default {
  components: { timeShortcut, Bar, Pie },
  components: { timeShortcut, Bar, Pie, Line },
  data () {
    return {
      actCardTab: 'dataStatistic',
@@ -189,15 +216,17 @@
        },
        legend: {
          orient: 'vertical',
          left: 10,
          right: 10,
          y: 'center',
          data: ['未鸣笛', '未手比', '未呼唤', '运行中睡觉', '未检查', '未应答']
        },
        series: [
          {
            name:'异常事件',
            type:'pie',
            color: [],
            radius: ['50%','70%'],
            color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
            radius: ['70%', '90%'],
            //center: ['40%','60%'],
            avoidLabelOverlap: false,
            label:{
              show: false,
@@ -223,13 +252,49 @@
            ]
          }
        ]
      },
      optionsOfIrregularSum: {
        animation: false,
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            label: {
              backgroundColor: '#6a7985'
            }
          }
        },
        xAxis: {
          type: 'category',
          boundaryGap: false,
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          label: {
            show: false
          }
        },
        yAxis: {
          type: 'value',
          label: {
            show: false
          }
        },
        series: [
          {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',

          }
        ]
      }
    }
  },
  methods: {
    timeShortChange (time) {
      debugger

    },
    irregularStatistic (time) {

    }
  }
}
</script>