echarts配置散点地图代码

},

geo: {

//坐标系为地理坐标系 geo

show: true,

map: mapName, //地图加散点

label: {

normal: {

show: false,

},

emphasis: {

show: false,

},

},

roam: true,

// 设置地图块的相关显示信息

itemStyle: {

normal: {

// 普通状态下的样式

areaColor: “#d1def3”,

borderColor: “#b4caef”,

borderWidth: 1,

},

emphasis: {

// 高亮状态下的样式

areaColor: “#9abfff”, // hover效果

},

},

},

series: [

{

//新建散点图

name: “散点”,

type: “scatter”, //散点图 scatter

coordinateSystem: “geo”,

data: this.data1, //定义图表数据内容的数组

// symbolSize: function (val) {

// return val[2] / 10;

// },

label: {

normal: {

formatter: “{b}”,

position: “right”,

show: true,

},

emphasis: {

show: true,

},

},

// 散点样式

itemStyle: {

normal: {

color: “#F56C6C”,

},

},

},

{

type: “map”,

map: mapName,

geoIndex: 0,

aspectScale: 0.75, // 长宽比

showLegendSymbol: false, // 存在legend时显示

label: {

normal: {

show: true,

},

emphasis: {

show: false,

textStyle: {

color: “#fff”,

},

},

},

roam: true,

itemStyle: {

normal: {

areaColor: “#031525”,

borderColor: “#3B5077”,

},

emphasis: {

areaColor: “#2B91B7”,

},

},

animation: false,

data: this.data,

},

{

name: “点”,

type: “scatter”,

coordinateSystem: “geo”,

symbol: “pin”, // 气泡

symbolSize: function (val) {

var a = (maxSize4Pin - minSize4Pin) / (max - min);

var b = minSize4Pin - a * min;

b = maxSize4Pin - a * max;

return a * val[2] + b;

},

label: {

normal: {

show: true,

textStyle: {

color: “#fff”,

fontSize: 9,

},

formatter: “{@[2]}”,

},

},

itemStyle: {

normal: {

color: “#F62157”, // 标志颜色

},

},

zlevel: 6,

data: convertData(this.data),

},

{

name: “Top 5”,

type: “effectScatter”,

coordinateSystem: “geo”,

data: convertData(

this.data

.sort(function (a, b) {

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…

算法

1. 冒泡排序
2. 选择排序
3. 快速排序
4. 二叉树查找: 最大值、最小值、固定值
5. 二叉树遍历
6. 二叉树的最大深度
7. 给予链表中的任一节点，把它删除掉
8. 链表倒叙
9. 如何判断一个单链表有环
10. 给定一个有序数组，找出两个数相加为一个目标数
    …
    

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+评论666

3. 快速排序
4. 二叉树查找: 最大值、最小值、固定值
5. 二叉树遍历
6. 二叉树的最大深度
7. 给予链表中的任一节点，把它删除掉
8. 链表倒叙
9. 如何判断一个单链表有环
10. 给定一个有序数组，找出两个数相加为一个目标数
    …
    [外链图片转存中…(img-3OrMqSqO-1720087658397)]

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+评论666