小编and*_*590的帖子

在d3图表上为每个节点级别添加事件侦听器

我仍在我的图表上,我需要默认关闭2级和3级节点,并在点击时保持展开/折叠功能.

根据单击的节点及其级别,运行特定操作(例如更改颜色).我的链接必须是我的数据对象的值(我的codepen中的var pubs),你可以看到如下(级别0没有链接,在我的例子中是"TOOLS"):

{
    "name": "TOOLS",
    "children": 
      [
        {
            "name": "Localization",
            "url": "http://#",
            "children":             
                [
                   {"name": "FRANCE", "url": "http://france.fr"}
...
Run Code Online (Sandbox Code Playgroud)

最后一个关于"鼠标悬停"的事件监听器在节点上做一些样式(关闭或打开)等...

我目前的代码:https://codepen.io/anon/pen/BqjJJv

javascript d3.js

9
推荐指数
1
解决办法
273
查看次数

使用Angular Map @agm关闭先前的infoWindow

我在问一个很多人问的问题,但是几乎没有人在AGM上给出清晰的答案(Google地图的Angular 2软件包)

这是我的代码,但是我的第一个打开的标记不想关闭,而其他标记则关闭一半

clickedMarker(marker: Marker, infoWindow, index: number) {

   if (this.infoWindow && this.infoWindow !== infoWindow) {
      this.infoWindow.close();
    }
    this.infoWindow = infoWindow;
}
Run Code Online (Sandbox Code Playgroud)

有人可以使用关闭功能或事件发射器帮助我解决此关闭问题吗?https://angular-maps.com/api-docs/agm-core/components/AgmInfoWindow.html#source

感谢您的时间和帮助;)

编辑:找到答案

<agm-info-window #infoWindow>使用来显示多个信息,<a *ngIf="myCondition"..>{{address}}</a>但是当条件再次评估为true时,它似乎没有呈现弹出窗口。

我将其替换为它,<a [class.hidden]="!myCondition">..</a>并修复了标记的多次显示。

另一个好的做法是单击地图时将其关闭,如果打开,则将其关闭:

clickedMap($event) {
   if (this.infoWindow) {
      this.infoWindow.close();
   }
}
Run Code Online (Sandbox Code Playgroud)

将来可能会有所帮助...谁知道?

google-maps angular

7
推荐指数
2
解决办法
4620
查看次数

如何在 HTML 中编写非常小的文本

我想要一个小于 Arial 9px 文本的字体。

我试图找到其他字体名称,但没有成功获得非常小的文本。有没有办法使用 css 轻松实现这一目标?

编辑: 我不能使用 Arial 低于 9px 我已经尝试过字体大小、小号、变换、缩放、其他字体......一切都因为我是一名经验丰富的网络开发人员。

html css fonts

6
推荐指数
3
解决办法
1万
查看次数

Jira JQL - 显示所有子任务

我试图在 3 个级别的宏功能和/或史诗链接下显示我的所有任务,因为我的组织如下所示:

  • 宏功能
  • 史诗链接(= 功能)=> 史诗链接(= 子功能)=> 任务
  • 或直接 Epic Link => 任务

我想看到两个级别,请问我怎样才能做到这一点?

jira jql jira-filter

3
推荐指数
1
解决办法
6911
查看次数

在"径向"图表中编辑D3 SVG的链接位置

我遇到了一个问题,我没有成功修复,在这种情况下,我想从矩形中间开始移动链接将它们放在末端,这样PUB-2和PUB-3就不会相互交叉.如果可能,可以扩展第一级并默认关闭另一级.

任何的想法 ?这是源代码https://bl.ocks.org/mbostock/4339083(d3网站)和工作代码集(https://codepen.io/andrea06590/pen/mzJmpE),其中我将原始圆圈更改为矩形使用第126行上的代码bellow + link spacing:

  nodeEnter.append("rect")
      .attr("width", 75)
      .attr("height", 20)
      .attr("x", -10)
      .attr("y", -10)
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "red"; });
Run Code Online (Sandbox Code Playgroud)

D3树形图

javascript d3.js

2
推荐指数
1
解决办法
155
查看次数

标签 统计

d3.js ×2

javascript ×2

angular ×1

css ×1

fonts ×1

google-maps ×1

html ×1

jira ×1

jira-filter ×1

jql ×1