首页 > 其他分享 >数据下钻--vue+springboot+echarts

数据下钻--vue+springboot+echarts

时间:2024-03-31 17:55:06浏览次数:12  
标签:vue springboot -- 然后 省份 echarts

今天下午整了下数据下钻

直接上成果:

 然后左边可以选范围:

左边调范围,然后对应的会显示那些省份满足条件。

 然后就是鼠标悬停在某个省份,就显示相应数量:

 然后可以点击对应省份进行下钻到市然后可以继续下钻到县:

 

 同样的呢,市和县都可以向省一样那样显示范围和调试:

 

标签:vue,springboot,--,然后,省份,echarts
From: https://www.cnblogs.com/daitu66/p/18107005

相关文章

  • COMP 636 助管理其露营系统
    COMP636:Python评估到期时间:2024年3月29日星期五下午5点相当于COMP636等级的40%通过Akoraka提交|学习重要提示这是个人评估。不得与他人合作或商议(例如,确切地告诉他人该做什么或如何做,或者共享或调试人的代码,或使用幽灵作家等),但对一般概念的讨论(例如,循环通常是如何工作的,而不是本......
  • 使用强化学习训练足式机器人时是否需要根据真实环境数据建立仿真环境
    一直在学习强化学习算法,但是一直也没有真实的机器人环境可以操作,因此只是停留于纸面意义的理论学习,但是突然看到这么一个说法:来自:https://weibo.com/1255595687/O5k4Aj8l2Real2Sim2Real闭环,从Real2Sim到Sim2Real,打通数据到数据的自动闭环,不管是采集物理世界数据生成仿真模型,还......
  • Tomcat启动失败,窗口一闪而过问题解决
    在启动Tomcat时窗口一闪而过,解决方法:在Tomcat安装目录\bin下启动cmd,或在C盘启动后跳转到Tomcat安装目录\bin,输入startup.bat(一定要先做这步,确保具体问题,再根据具体问题百度,不然又是配置JRE,又是配置Tomcat环境变量,最后做了无用功),如果显示如下:先确保java环境变量没问题,我的java......
  • python --图(树)的存储
    在蓝桥杯竞赛中,常见的图存储方式包括邻接矩阵、邻接表、链式前向星等。这些存储方式在不同的场景下有着各自的优势和适用性。邻接矩阵邻接矩阵是最常见的图的表示方法之一。对于一个有$n$个顶点的图,可以用一个$n\timesn$的二维数组来表示。如果图中存在从顶点$i$到顶点$j$的边......
  • springboot 监听请求
    加个这个类就可以了importorg.springframework.stereotype.Component;importjavax.servlet.*;importjavax.servlet.http.HttpServletRequest;importjava.io.BufferedReader;importjava.io.IOException;@ComponentpublicclassLoggingFilterimplementsFilter{@Overri......
  • 3.31
    所花时间:5小时代码量:154博客篇:1地铁起点到终点的最短路径查询:使用广度优先遍历,当要访问该站点时先储存在队列,最后出队形式访问每次访问传入数据:name:站点名;now:之前访问的站点字符串总和;nowline:当前站点的线路;ed:要到达的站点名称;i:当前经过站数以及字符串的数组下标;s:当前......
  • 111
    1.回顾你过去将近3年的学习经历当初你报考的时候,是真正喜欢计算机这个专业吗?作为一个学生,回顾我过去将近三年的学习经历是一段充满挑战和成长的旅程。当初我报考计算机专业时,我对计算机确实有着浓厚的兴趣。我喜欢探索新技术,解决问题,并且觉得计算机领域充满了无限的可能性。在......
  • 前端可视化echarts和three
    canvas画一条直线constcanvas=document.getElementById('canvas')constctx=canvas.getContext('2d')ctx.beginPath()//绘制都用beginPath和closePath包裹ctx.lineWidth=4ctx.strokeStyle='orange'//起点终点中间点ctx.moveTo......
  • MySQL面试必备一之索引
    本文首发于公众号:Hunter后端原文链接:MySQL面试必备一之索引在面试过程中,会有一些关于MySQL索引相关的问题,以下总结了一些:MySQL的数据存储使用的是什么索引结构B+树的结构是什么样子什么是复合索引、聚簇索引、覆盖索引什么是最左匹配原则数据B+树中是如何查询的......
  • bindview.js 的使用
    快速入门1.创建第一个应用由于该库还不支持src引入,接下来的例子我将在webpack环境下演示,webpack模板已经配置完毕,可直接下载使用创建一个应用可用通过new来创建实例或通过提供的createApp方法来创建下面我将分别演示通过new来创建App,el配置项用来选择DOM......