foniy-uzmap-chart
Version:
Simple uz map chart developed by Alisher Parpiev
80 lines (70 loc) • 1.72 kB
Markdown
# foniy-uzmap-chart
## Plugin Install
```
npm install foniy-uzmap-chart
```
## main.js
```
import Vue from 'vue'
import UzMap from 'foniy-uzmap-chart'
import 'foniy-uzmap-chart/dist/foniy-uz-map.css'
Vue.use(UzMap)
```
### Description
```
UZB Map chart, developed by Alisher Parpiev
```
### USE
```
<template>
<div id="app">
<div style="width:100px; height:0px;"></div>
<foniy-uz-map :styles="styles" :data="data" @click="Ali" />
</div>
</template>
<script>
export default {
name: 'App',
data() {
return {
styles: {
color: 'black',
lineColor: 'black',
doteColor: 'black',
hover:'red',
modal: {
background: '#fff',
radius: 0,
title: {
fontSize: '14px',
fontFamily: 'sans-serif',
color: 'red'
},
labels: {
fontSize: '14px',
fontFamily: 'sans-serif',
color: 'green'
}
}
},
data: [{
name:'data 1',
color: 'yellow',
data: [10, 20, 30, 10, 20, 30, 10, 20, 30, 10, 20, 30, 10, 20, 30]
},
{
name: 'data 2',
color: 'green',
data: [10, 20, 30, 10, 20, 30, 10, 20, 30, 10, 20, 30, 10, 20, 30]
}
],
}
},
methods:{
Ali(event){
console.log(event)
}
}
}
</script>
```