<template>
<div style="width:100%;">
<ve-map :data="chartData" :settings="chartSettings" :extend="chartExtend"></ve-map>
</div>
</template>
<script>
export default {
data() {
this.chartSettings = {
position: "province/shandong",
selectData: true,
selectedMode: "multiple",
labelMap: {
name: "地区",
value: "人口"
}
};
this.chartExtend = {
visualMap: {
show: false,
min: 0, //最小值
max: 10, //最大值
calculable: true, //是否显示拖拽用的手柄(手柄能拖拽调整选中范围)。
inRange: {
color: [
"#0487ED",
"#C7C52C",
"#E26B5B",
"#3EB177",
"#794EDC",
"#B46B2A"
] //颜色
},
textStyle: {
color: "#fff"
}
},
series: {
itemStyle: {
normal: {
areaColor: "rgba(11,36,35,1)",
b