mirror of
https://github.com/KevinMidboe/vue-chartjs.git
synced 2025-10-29 18:00:20 +00:00
54 lines
1.6 KiB
Vue
54 lines
1.6 KiB
Vue
<template>
|
|
<div class="container">
|
|
<h1 style="text-align:center;margin:40px 0;">Barchart</h1>
|
|
<bar-example></bar-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Barchart with reactive mixing for live data</h1>
|
|
<reactive-example></reactive-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Linechart</h1>
|
|
<line-example></line-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Doughnutchart</h1>
|
|
<doughnut-example></doughnut-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Piechart</h1>
|
|
<pie-example></pie-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Radarchart</h1>
|
|
<radar-example></radar-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Polararea</h1>
|
|
<polar-area-example></polar-area-example>
|
|
<h1 style="text-align:center;margin:40px 0;">Bubblechart</h1>
|
|
<bubble-example></bubble-example>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import BarExample from './BarExample'
|
|
import LineExample from './LineExample'
|
|
import DoughnutExample from './DoughnutExample'
|
|
import PieExample from './PieExample'
|
|
import RadarExample from './RadarExample'
|
|
import PolarAreaExample from './PolarAreaExample'
|
|
import BubbleExample from './BubbleExample'
|
|
import ReactiveExample from './ReactiveExample'
|
|
import ReactivePropExample from './ReactivePropExample'
|
|
|
|
export default {
|
|
components: {
|
|
BarExample,
|
|
LineExample,
|
|
DoughnutExample,
|
|
PieExample,
|
|
RadarExample,
|
|
PolarAreaExample,
|
|
BubbleExample,
|
|
ReactiveExample,
|
|
ReactivePropExample
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|