如何从d3中的给定节点中选择svg元素?

时间:2017-05-09 15:50:01

标签: javascript d3.js svg

如何获取由此创建的svg属性的值?

// SVG setup
var svg  = d3.select(vizNode).append('svg')
    .attr('width', width)
    .attr('height', height)
    .style('background', 'white')
    .append('g')
    .attr('transform', 'translate(' + width / 2 + ',' + height / 2 + ')');

// Text
svg.append('text')
    .datum(newValue)
    .attr('class', 'meter-center-text')
    .style('text-anchor', 'middle')
    .style('fill', mainColor)
    .text(function(d){
        return parseFloat(newValue);
    });
console.log("Done update");

我想从文本中获取基准值(因为我要增加它)。

我以为我想要的东西有点像

previousValue = d3.select(vizNode).select('svg').select('text').attr('darum');

但没有任何回报。确实

previousValue = d3.select(vizNode).select('svg');

什么都不返回,所以我必须走错路。

1 个答案:

答案 0 :(得分:1)

获取数据的功能是selection.attr('darum'),而不是darum。我还认为var value = d3.select('div').select('svg').select('text').datum(); console.log(value) 是一个错字。

此处示例:

Insert a row of NAs after each group of data using data.table

class SurfaceMinMax
        {
     [Test TestCaseSource(typeof(ExcelDataParser),"SurfaceData")]
            public void RechercherSurface(string min, string max)
            {
            }
        }