echo_

绘制地图时，如果不用echats之类的框架，则需要引入对应的地图数据，一般是在[https://geojson.cn/] 引入对应的地图数据，然后使用d3.js提供的相关方法进行绘制，话不多说，直接上

最近遇到一个对时间选择的范围限制，对传入的任意一个月份时间，限制只能选当月范围内的，查了一下资料大部分是限制当前月份的。主要的麻烦在于月的天数不同，需要处理，其余的就比较简单了，代码如下： 对时间的处

d3.brush() 区域选择: 作用：Brush 的功能是用来选取图表上的某一个区间，我们对此区间段内的元素做 (变色、移位、放大缩小等等)，类似于放大镜功能，适用于图表的某一块区域特殊处理之类的需

D3.zoom（） 缩放功能 针对于图表资料比较多的时候，可以进行放大或缩小查询，是比较使用的功能： 当我们使用 D3 设定缩放功能时，它其实同时包含了平移跟缩放两种功能，我们能使用鼠标的滚轮或手指触

D3.js drag 拖拽功能: 在使用图表呈现一些数据的交互效果时，难免会有一些需要使用拖拽效果的需求。所以是有必要了解一下drag拖拽的方法。 1.D3.drap() 方法用来创建拖拽事件， d3

工作中经常会遇到下载文件的需求，如果一般的大小还可以很快的下载下来，但是如果报表类的文件，一般都会比较大，这时候就会等很久才可以下载完成，但是用户可能并不知道目前下载的情况，可能会以为没有下载成功，频

D3.js 提示tip事件： 经常有这样的需求，图形上某一块区域需要做鼠标事件，移入需要展示一些数据之类的需求，其实这里就可以用到tips的功能了。 步骤其实并不麻烦，分为几步就行了： 1.生成svg

相信大家都遇到过需要将对象数组中某一属性值相同的值取出来的需求： 最后得到的结果如下，这个是没有将数组解构前的,此处是根据网上的方法创作而来，其实有很多去重的方法，这个算是代码比较少的。

D3.js 鼠标事件 其实我们大家都比较熟悉js原生的鼠标事件，像鼠标点击/移动等事件，因为d3归根结底是操作的dom元素，所以一样是可以使用鼠标事件的，使用selection.on（）这个API即可