Init
This commit is contained in:
28
resources/js/Components/GoogleCharts.vue
Normal file
28
resources/js/Components/GoogleCharts.vue
Normal file
@@ -0,0 +1,28 @@
|
||||
<script setup>
|
||||
|
||||
import { GChart } from 'vue-google-charts';
|
||||
|
||||
const type = 'GeoChart';
|
||||
|
||||
const data = [
|
||||
['Country', 'Popularity'],
|
||||
['Germany', 200],
|
||||
['United States', 300],
|
||||
['Brazil', 400],
|
||||
['Canada', 500],
|
||||
['France', 600],
|
||||
['RU', 700],
|
||||
];
|
||||
|
||||
const options = {
|
||||
width: 800,
|
||||
height: 600,
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<GChart :data="data"
|
||||
:options="options"
|
||||
type="GeoChart"
|
||||
/>
|
||||
</template>
|
||||
Reference in New Issue
Block a user