<template>
    <div id="app">
<!--        <gauge-chart></gauge-chart>-->
<!--        <speed-box style="height: 400px;" :vehicleId="628737" starttime="2019-05-01" endtime="2019-06-01"></speed-box>-->
<!--        <driving-time style="height: 400px;" :vehicleId="628737" starttime="2019-05-01" endtime="2019-06-01"></driving-time>-->
<!--        <mileage style="height: 400px;" :vehicleId="628737" starttime="2019-05-01" endtime="2019-06-01"></mileage>-->
<!--        <parking-time style="height: 400px;" :vehicleId="628737" starttime="2019-05-01" endtime="2019-06-01"></parking-time>-->
<!--        <vehicle-use-time style="height: 400px;" :vehicleId="628737" starttime="2019-05-01" endtime="2019-06-01"></vehicle-use-time>-->
<!--        <vehicle-use-frequency style="height: 400px;" :vehicleId="628737" starttime="2019-05-01" endtime="2019-06-01"></vehicle-use-frequency>-->
<!--        <unusual-vehicle-standby style="height: 400px;" :vehicleId="628737" starttime="2019-04-01" endtime="2019-06-01"></unusual-vehicle-standby>-->
<!--        <unusual-drive style="height: 400px;" :chartData="chartData"></unusual-drive>-->
        <vps-charts class="box" type="mEventHitCount"></vps-charts>
        <vps-charts class="box" type="mEventRapidAccCount"></vps-charts>
        <vps-charts class="box" type="mEventRapidDecCount"></vps-charts>
        <vps-charts class="box" type="mEventSharpTurnCount"></vps-charts>
    </div>
</template>

<script>
  export default {
    name: 'app',
    data () {
      return {
        chartData: [
          {
            name: "月加速",
            value: 88
          },
          {
            name: "月减速",
            value: 88
          },
          {
            name: "月急转弯",
            value: 88
          },
          {
            name: "月碰撞",
            value: 88
          }
        ]
      }
    }
  }
</script>

<style>
    .box {
        width: 100%;
        height: 400px;
        background-color: rgba(12, 43, 74, 0.8);
        position: relative;
        color: #2f76db;
        outline: 1px solid #446da8;
    }
    body {
        padding: 0;
        margin: 0;
        overflow-x: hidden;
    }
</style>
