WuZhongBWG/万物墙后台/src/components/trend/index.vue

<template>
  <div class="trend card">
    <div class="t-txt theme-color1">文物访问趋势-24h</div>
    <div id="wwqs"></div>
  </div>
</template>
<script>
export default {
  mounted () {
    this.$nextTick(() => {
      this.$chart.line2(
        'wwqs',
        ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        [820, 932, 901, 934, 1290, 1330, 1320]
      )
    })
  }
}
</script>

<style scoped>
.trend{
  position: relative;
}
.trend .t-txt{
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font-weight: bold;
}
#wwqs{
  width: 100%;
  height: 400px;
}
</style>