管道基础大数据平台系统开发-【前端】-新系統界面
src/components/chart/CountDataApply.vue
@@ -1,5 +1,8 @@
<template>
  <div class="CountDataApply" ref="chart"></div>
  <div
    class="CountDataApply"
    ref="chart"
  ></div>
</template>
<script>
@@ -27,7 +30,7 @@
        xAxis.push(item.name)
        yAxis.push(item.number)
      })
      // let data = [220, 182, 191, 234, 290, 330, 310]
      // const sideData = data.map(item => {
      //   return {
@@ -46,6 +49,13 @@
            type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
          },
        },
        grid: {
          top: "10%",
          bottom: "15%",
          right: "5%",
          left: "5%",
          containLabel: true,
        },
        xAxis: {
          data: xAxis,
          //坐标轴
@@ -56,7 +66,7 @@
          },
          //坐标值标注
          axisLabel: {
            show: true,
            show: false,
            textStyle: {
              color: "#fff",
            },