<template>
  <div class="lessontest-report-charts">
    <!-- <Carousel
      v-model="value2"
      :autoplay="setting.autoplay"
      :dots="setting.dots"
      :radius-dot="setting.radiusDot"
      :trigger="setting.trigger"
      :arrow="setting.arrow"
    >
      <CarouselItem class="demo-carousel"><ScoreBarChart></ScoreBarChart></CarouselItem> -->
      <!-- 知识点的类型在LessonTestReport 的 paperInfo.points -->
      <!-- <CarouselItem class="demo-carousel"><KeyPointPerformChart></KeyPointPerformChart></CarouselItem>
      <CarouselItem class="demo-carousel"><RecognizePerformChart></RecognizePerformChart></CarouselItem>
    </Carousel> -->
    <Row :gutter="20">
      <i-col :xs="24" :sm="24" :md="24" :lg="8">
        <Card>
          <ScoreBarChart></ScoreBarChart>
        </Card>
      </i-col>
      <i-col :xs="24" :sm="24" :md="24" :lg="8">
        <Card>
          <KeyPointPerformChart></KeyPointPerformChart>
        </Card>
      </i-col>
      <i-col :xs="24" :sm="24" :md="24" :lg="8">
        <Card>
          <RecognizePerformChart></RecognizePerformChart>
        </Card>
      </i-col>
    </Row>
  </div>
</template>

<script>
import ScoreBarChart from './ScoreBarChart'
import KeyPointPerformChart from './KeyPointPerformChart'
import RecognizePerformChart from './RecognizePerformChart'

export default {
  name: "LessonTestReportCharts",
  components:{
       ScoreBarChart,KeyPointPerformChart,RecognizePerformChart
  },
  data() {
    return {
      value2: 0,
      setting: {
        autoplay: false,
        dots: "outside",
        radiusDot: true,
        trigger: "click",
        arrow: "always"
      }
    };
  }
};
</script>

<style scoped>
.lessontest-report-charts .ivu-carousel-dots.ivu-carousel-dots-outside{
   bottom:-40px;
}
</style>