【问题标题】:Annotations with lines on D3 bar chartsD3 条形图上带有线条的注释
【发布时间】:2014-10-04 05:09:35
【问题描述】:

我想为用 D3 编写的 SVG 条形图添加注释。

我想在图表中添加线条和文本,如下所示:

我的问题是:这种模式或一般模式是否有最佳实践?

我的假设是在数据.enter() method 之后使用 .each 方法。使用条件运算符,应该可以调用插入渲染的行路径和文本的函数。

【问题讨论】:

  • 大概这些注解来自一些数据吧?我会将其完全单独添加到其余部分中;也就是说,首先绘制条形图,然后在选择注释gs 的位置进行单独传递,并为注释传递数据。
  • 我同意。如果是我,我会将注释放在其他结构中,并为每个注释分配一个唯一的类。然后以某种方式用适当的匹配类标记条(在原始数据中)。然后在绘制的同时调用它们。

标签: javascript svg d3.js charts


【解决方案1】:

有几个开箱即用的选项可以提供帮助:

Swoopy Arrows

Swoopy Drag

D3-ring-note

Poly-label

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-08-09
    • 2014-10-16
    • 2017-10-18
    相关资源
    最近更新 更多