一、这段时间干了啥
一直在消缺赶切图,总结一下遇到的问题
1、 echarts折线图堆叠上下值区间+散点标记(未解决)
需求: 想实现在堆叠的两条折线图的基础上加入散点作为标记
问题: 但由于x轴是category类目轴,当散点的x坐标不在已有的类目中时,则无法显示
尝试:
- 1、增加一个x轴,type设为value以供散点使用。难点:要隐藏第二个x轴,且对其两个x轴的数据,看了一个博客是这样实现的,但自己没整明白,故失败[贴一个链接](echarts同时显示折线图与散点图_e charts 折线和散点图结合_摫的博客-CSDN博客)
- 2、把x轴和y轴的type都修改为value,这样散点坐标都可以展示,但是对于堆叠的图来说会出bug。官方stack解释说,针对同个类目轴上系列配置相同的
stack
值可以堆叠放置。故失败,数据结构为上值=下值 + 差 - 3、不使用堆叠,展示两条单独的折线(数据结构需要变,上值为实际值),用下值的area去遮盖上值的area。样式问题:下值的area会覆盖背景的splitLine,并且不能适应皮肤,故失败[。](Echarts折线图区域填充问题解决_echarts 两条线之间填充颜色_洋洋代码的博客-CSDN博客)
目前的解决方法是散点的值必须出现在类目轴x轴的数据中。
2、练习echarts地图系列
初始要求:画出来
- 引入中国地图文件
- 在系列map中的map值上注册引入的地图文件
- 在地图上画散点需要配置地理坐标轴,并且使用API
getMap.getJson
去引入文件获取经纬度 进阶要求:legend、tooltip配置