sis_zhfx/src/views/HealthControl/Health4.vue

<template>
  <div class="health-4">
    <simple-line-chart :height="'100px'" />
    <simple-line-chart :height="'100px'" :color="'yellow'" :title="'发电机'" />
    <simple-line-chart :height="'100px'" :color="'purple'" :title="'变桨系统'" />
    <simple-line-chart :height="'100px'" :color="'blue'" :title="'主控系统'" />
    <simple-line-chart :height="'100px'" :color="'orange'" :title="'齿轮箱'" />
  </div>
</template>

<script>
import SimpleLineChart from "../../components/chart/line/simple-line-chart.vue";
export default {
  setup() {},
  components: { SimpleLineChart },
  data() {
    return {};
  },
  created() {},
};
</script>

<style lang="less">
.health-4 {
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;

  .chart {
    flex: 0;
  }
}
</style>