# 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>

 ```