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>