vue echart 散点图画矩形区域,一个回答引发热烈讨论

其实没打算写这部分东西来着,但是当时做的时候没找到合适的方式,看到别人写的博客总是觉得博客这种东西就是自己写完之后自己用,能分享一下就分享一下吧。

其实方法很简单,只不过没有接触过的人可能觉得会有点难度,不是难,是没思路,点一下子就好了。

先上图,当时我想做的就是类似于这个样子:

在这里插入图片描述

其实就是在散点图上添加这个蓝色的小方块。

做法其实就是在 echart 上画线,一个小方块四条线组成,然后一条线又两个坐标确定。

https://echarts.apache.org/zh/option.html#series-scatter.markLine

上面是官网地址,详细的可以去这里面查看。

然后代码我就不上了,然后最后拼起来的option大体是这个样子。

{

“grid”:{

“top”:0,

“left”:0,

“right”:0,

“bottom”:0

},

“xAxis”:{

“show”:false,

“data”:[

-4,

-3,

-2,

-1,

0,

1,

2,

3,

4,

5

],

“type”:“value”,

“splitLine”:{

“show”:true

},

“max”:10

},

“yAxis”:{

“type”:“value”,

“show”:false,

“data”:[

-4,

-3,

-2,

-1,

0,

1,

2,

3,

4,

5

],

“max”:10

},

“series”:[

{

“symbolSize”:1,

“color”:“#fff”,

“data”:[

[

0,

0

]

],

“type”:“scatter”,

“markLine”:{

“symbol”:[

“none”,

“none”

],

“silent”:true,

“animation”:false,

“itemStyle”:{

“normal”:{

“lineStyle”:{

“type”:“solid”,

“width”:1,

“opacity”:1

},

“label”:{

“show”:false,

“position”:“left”

}

}

},

“data”:[

[

{

“coord”:[

1,

9

],

“itemStyle”:{

“normal”:{

“color”:“#8cd5f1”

}

}

},

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

前端资料汇总

我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。

首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。

更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点:和什么人、做什么事、给多少钱,要给这三者在自己的心里划分一个比例。
最后,祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img

了,要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点:和什么人、做什么事、给多少钱,要给这三者在自己的心里划分一个比例。
最后,祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-ndj2aHcQ-1712771340529)]

  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值