代码之家 › 专栏 › 技术社区 › ttmt

D3-数据更改后更新单个网格线

d3.js

ttmt · 技术社区 · 6 年前

它是一个角度应用程序中的d3图表。

图表水平和垂直网格线。

我想把100%网格的样式和其他网格的样式不同

我可以用

d3.selectAll('g.tick')
  .filter((d) => d===100)
  .attr('class', 'grid-100')

我的问题是,当数据更改时,这不会更新。

如何在输入和更新部分代码中设置此网格线的样式。

1 回复 | 直到 6 年前

ksav 6 年前

通过使用 attr() ,您正在替换的现有类 tick (因此,当您致电 this.y_axis )

使用 classed() 而是添加自定义类 .grid-100 离开的时候 .tick 就位。

  d3.selectAll('g.tick')
      .filter((d) => d===100)
      .classed('grid-100', true)

推荐文章

Eddie Worthington · D3.js指针相对于轴域的坐标

2 年前

b404 · 如何在d3 react typescript应用程序中正确设置“path”元素中属性“d”的类型

2 年前

user6456564 · 双条形图创建

6 年前

MetalCat · 在d3中,如何在地图上的鼠标上方显示多个值?

6 年前

atdyer · 使用svg变换更新位置时,力模拟会出现抖动

6 年前

MTT · 最适合散点图的回归

6 年前

Cyley Simon · 以chile/name格式将Csv转换为json

6 年前

Himani · 线图和面积图之间的颜色不同

6 年前

Francis Katalinic · d3。使用d3通过ajax响应实现JSJSON。json()

6 年前

user9646441 · 为什么这个svg和数组会在angular中多次启动?

6 年前