js
Fu1co
燃油
展开
-
JQuery 改变rect元素样式和属性值
改变样式:$('#btnID').css('fill', '#f84634');改变属性值:$("btnID").attr("fill","#f84634");注意:改变样式时,会在元素的html代码中自动插入 style="fill: rgb(175, 82, 71);" 例如:<rect fill="#fcfdbf" stroke="#f9e4a3" style="fill: rgb(175, 82, 71);"></rect>前面...原创 2021-03-12 10:37:46 · 653 阅读 · 0 评论 -
d3.js 添加图例Legend(文字 + 颜色图标)
一.问题描述d3虽然在绘图方面是个强大的工具,但是却没有提供绘制图例的工具,国内的d3使用群体目前还没有那么多,所以也缺乏相关的教程,我在看了一篇国外大神的帖子后,自己动手实践了一下,给大家分享一下经验。二.具体实现效果图: 这个图例的数据就是一个数组,所以动态静态都是可以的。而且显示的位置四个边角都可以,另外字体和颜色框(线或者是面)都是自定义的,调一下参数就行。源码://图例数组,格式可自定义var data_legend = [ { ...原创 2020-11-03 14:58:03 · 6079 阅读 · 3 评论 -
HTML Input默认值 jquery获取input值
<input>标签的value可以设置标签的初始默认值:<input id="input_1" value="3">但是在用Jquery取<input>的值的时候,会踩一些坑,比如:$("#input_1").attr("value");这样取值的话,取到的永远是初始的默认值3。正确做法$("#input_1").val();这样就可以取到更改默认值之后,<input>标签的值了。...原创 2020-10-29 16:58:29 · 968 阅读 · 0 评论 -
d3.js Zoomable Circle Packing 连线实现
一.背景d3是一个很强大的js可视化工具,Zoomable Circle Packing是d3里面的一种可以展示层级关系的气泡图。Zoomable Circle Packing地址:https://observablehq.com/@d3/zoomable-circle-packing效果图:现在的需求是在气泡图中添加连线,以展示层级关系中节点之间的关系,但是d3库中并没有提供这样的方法。但是《2020_IWoR_ClusterViz-Visualizing Arch..原创 2020-10-27 17:15:22 · 1319 阅读 · 1 评论 -
Bootstrap selectpicker无法显示问题
问题描述今天第一次使用selectpicker,遇到一个坑Chrome在有的情况下会自动初始化selectpicker(暂时没有搞清缘由),所以在别的机器上运行时会无法显示。这是初始化后的结果,bootstrap会自动为selectpicker套上一个如图所示的div。解决方法在js中初始化selectpicker即可:$(function () { $('.selectpicker').selectpicker();});...原创 2020-10-18 17:17:06 · 1856 阅读 · 1 评论