Echarts
研究生小梁跟着小导师的步伐,开始做可视化啦~~先从做题表开始8!
TheWise_lzy
已毕业,社畜一枚
展开
-
echart 多种覆盖物 显示优先级
画图有个需求是“同时显示散点和多边形,且多边形在散点之上”,调整series中的顺序并不能使散点显示在多边形下,找了半天发现echart有个参数zlevel可以解决这个问题。zlevel小的会被大的覆盖,这样series同时显示多种覆盖物时就可以调整显示优先级了。 showChart.setOption({ series:[ {原创 2021-11-09 12:42:19 · 3072 阅读 · 0 评论 -
Echart + Bmap 画图显示地图控件 (缩放控件)
虽然Echart中集成了Bmap,但是默认使用是不加载控件的,即如图所示这些都是没有的。如果需要的话,要获取model中的bmap后自己添加,注意获取需写在myChart.setOption(option);之后,不然会报错。var bmap = myChart.getModel().getComponent('bmap').getBMap(); //获取控件bmap.addControl(new BMap.NavigationControl());原创 2021-07-09 11:05:45 · 1514 阅读 · 0 评论 -
【Echarts】上传excle存入数据库,并画出对应柱状图。
效果图:选择excel文件上传->存入数据库->返回List->显示对应图表前端demo.html:<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <title>图表上传与显示</title> <script src="http原创 2020-09-17 09:02:53 · 609 阅读 · 0 评论 -
【Echarts】散点图 点击散点加载对应的图片(ajax传值&获取流)
效果图:点击每个散点,右边的图片会变成对应的~(10000个点)需求说明:因为图片较多,直接放在项目里,项目启动时要加载很久。所以尝试把图片放在本地/服务器上,当点击一个散点的时候,再去请求图片地址,即不点就不被加载。对应z_data.json文件:这个文件是学长强化学习的数据,看起来很长...就用到了0-x坐标,1-y坐标,3-对应图片序号。前端 demo.html:<!DOCTYPE html><html lang="en" xmlns:th="http://w原创 2020-09-17 08:28:17 · 987 阅读 · 0 评论