SOURCE

const randomData = () => {
  return Math.round(Math.random() * 1000)
}

const app = new Vue({
  el: '#app',
  data: {
    chartData: {
      measures: [
        {
          name: '人数',
          data: [
            { name: '北京', value: 26 },
            { name: '江苏', value: 10 },
            { name: '上海', value: 19 },
            { name: '广东', value: 29 },
            { name: '山东', value: 5 },
            { name: '河北', value: 3 },
            { name: '浙江', value: 11 },
            { name: '四川', value: 8 },
            { name: '黑龙江', value: 1 },
            { name: '山西', value: 2 },
            { name: '湖南', value: 3 },
            { name: '重庆', value: 2 },
            { name: '内蒙古', value: 1 },
            { name: '福建', value: 3 },
            { name: '安徽', value: 3 },
            { name: '河南', value: 2 },
            { name: '湖北', value: 1 },
            { name: '新疆', value: 1 },
            { name: '陕西', value: 2 },
            { name: '台湾', value: 1 },
            { name: '江西', value: 1 },
            { name: '广西', value: 1 },
            { name: '辽宁', value: 1 }
          ]
        }
      ]
    },
    chartSettings: {
      visualMapVisible: true,
      visualMap: {
        min: 0,
        max: 30,
        inRange: {
          color: ['#fff', '#7289ef']
        }
      }
    }
  }
})

<div id="app">
  <ve-geo-chart :data="chartData" :settings="chartSettings" :legend-visible="false" />
</div>