
<template>
  <div>
    <apexchart
      height="200"
      :options="bitcoin"
      :series="bitcoinSeries"
      class="bg-white dark:bg-black rounded-lg overflow-hidden"
    >
      <!-- loader -->
      <div
        class="min-h-[460px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08]"
      >
        <span
          class="animate-spin border-2 border-black dark:border-white !border-l-transparent rounded-full w-5 h-5 inline-flex"
        ></span>
      </div>
    </apexchart>
  </div>
</template>

<script>
export default {
  name: "alarmCalcul",
  computed: {},
  methods: {},
  data() {
    return {
      bitcoin:{
            chart: {
                height: 45,
                type: 'line',
                sparkline: {
                    enabled: true,
                },
            },
            stroke: {
                width: 2,
            },
            markers: {
                size: 0,
            },
            colors: ['#00ab55'],
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0,
                },
            },
            tooltip: {
                x: {
                    show: false,
                },
                y: {
                    title: {
                        formatter: (val) => {
                            return '';
                        },
                    },
                },
            },
            responsive: [
                {
                    breakPoint: 576,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0,
                            },
                        },
                    },
                },
            ],
        },
        bitcoinSeries:[
        {
            data: [21, 9, 36, 12, 44, 25, 59, 41, 25, 66],
        },
    ]
    };
  },
};
</script>

<style scoped>
</style>
