【问题标题】:Get d values of Path within brush获取画笔内路径的d值
【发布时间】:2013-12-05 07:48:01
【问题描述】:

我正在使用以下示例,并且已将其制作为单个折线图。 http://bl.ocks.org/gniemetz/4618602.

在示例中,当您刷小图表时,主图表会针对这些点进行缩放。我想要这种行为,并希望以几秒钟的间隔填充这些数据点。阻塞点是我如何从路径中选择这些点以便我可以填充它们。

我已经刷了开始和结束索引

startIndex = brush.extent()[0]; endIndex = brush.extent()[1]

现在我想选择这些范围内的路径。谁能帮我这个 ?

【问题讨论】:

    标签: javascript path d3.js


    【解决方案1】:

    画笔的范围可以满足您的需要。您可以使用它来过滤您拥有的数据,然后对指定选择的子集进行操作:

    var sel = elements.filter(function(d) {
      return d.value >= brush.extent()[0] && d.value <= brush.extent()[1];
    });
    
    sel.attr("stroke", "purple");
    

    其中elements 包含您要操作并绑定相应数据的DOM 元素的选择。

    【讨论】:

    • 这将是您的代码中调用的 x 轴的值。 d.Uhrzeit 在您链接到的示例中。
    • 我只是这样做了,但是一旦我说 selection.attr("fill","grey") 选择是我的数据值并且它没有 attr 选项。
    • 抱歉,这里应该更准确——data 指的是 DOM 元素。我会更新答案。
    • 我想我明白了.. main.select("line0").data(selection).attr("fill","re​​d");
    • 但是有非常奇怪的行为,一旦我填充路径点并移动画笔,整个图表就会消失:)
    猜你喜欢
    • 1970-01-01
    • 2022-01-14
    • 1970-01-01
    • 1970-01-01
    • 2022-01-15
    • 1970-01-01
    • 2019-05-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多