fifi97
45 lines
750 B
Vue
45 lines
750 B
Vue
<template>
|
|
|
|
<div class="mx-auto rounded-lg">
|
|
<apexchart
|
|
width="550" type="bar"
|
|
:options="options" :series="series">
|
|
</apexchart>
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Chart',
|
|
data: () => ({
|
|
options: {
|
|
chart: {
|
|
id: 'vuechart-example'
|
|
},
|
|
xaxis: {
|
|
categories: [
|
|
"Jan",
|
|
"Feb",
|
|
"Mar",
|
|
"Apr",
|
|
"May",
|
|
"Jun",
|
|
"Jul",
|
|
"Aug",
|
|
"Sep",
|
|
"Oct",
|
|
"Nov",
|
|
"Dec"
|
|
]
|
|
}
|
|
},
|
|
series: [{
|
|
name: 'series-1',
|
|
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
|
|
}]
|
|
})
|
|
}
|
|
</script>
|