Dubhe/webapp/src/views/tadl/detail/components/chartCard.vue

/** Copyright 2020 Tianshu AI Platform. All Rights Reserved. * * Licensed under the Apache License,
Version 2.0 (the "License"); * you may not use this file except in compliance with the License. *
You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless
required by applicable law or agreed to in writing, software * distributed under the License is
distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied. * See the License for the specific language governing permissions and * limitations under
the License. * ============================================================= */

<template>
  <el-card>
    <div slot="header">
      <span>{{ title }}</span>
      <slot name="action" />
    </div>
    <Chart :type="type" :chartData="chartData" :chartConfig="chartConfig" />
    <slot name="footer" />
  </el-card>
</template>
<script>
import Chart from './chart';

export default {
  name: 'ChartCard',
  components: {
    Chart,
  },
  props: {
    title: String,
    type: String,
    chartData: Array,
    chartConfig: Object,
  },
};
</script>