管道基础大数据平台系统开发-【前端】-新系統界面
TreeWish
2023-02-27 fb212223fdc2f692896da5483ba2b1a8aec22d5f
src/components/chart/FileFormat.vue
@@ -1,5 +1,5 @@
<template>
  <div class="file-format" ref="chart"></div>
  <div class="FileFormat" ref="chart"></div>
</template>
<script>
@@ -63,12 +63,12 @@
        data = res.result.map(item => {
          return {
            name: item.type,
            value: item.count,
            value: item.number,
          }
        })
      }
      data.sort((a, b) => b.value - a.value)
      data = data.slice(0, 10)
      data = data.slice(0, 4)
      let getArrByKey = (data, k) => {
        let key = k || "value"
        let res = []
@@ -99,8 +99,8 @@
      let option = {
        backgroundColor: "transparent",
        grid: {
          top: "2%",
          bottom: "2%",
          top: "10%",
          bottom: "10%",
          right: "5%",
          left: "10%",
          containLabel: true,
@@ -245,8 +245,8 @@
</script>
<style lang="less" scoped>
.file-format {
.FileFormat {
  width: 100%;
  height: 100%;
  height: calc(100% - 40px);
}
</style>