d3.js - 怎么在一个g标签里面插入两个并列的标签

问题描述

问 题

我想在这个g标签里面，加入一个<text>标签，让它和<rect>并列显示，该怎么加进去呢？试了几个方法，如果直接在.append('text'),会变成子元素，如果单独写一坨代码：

svg.selectAll('rect-wrap')
    .insert('text','rect-tag')
    .text('123')

这样是可以实现<text><rect>并列，有没办法直接在这一堆svg.selectAll('.rect-tag')代码下面添加，而不用单独写一个svg.selectAll(..)？

svg.selectAll('.rect-tag')
    .data(dataset)
    .enter()
    .append('g')
    .classed('rect-wrap',true)
    .append('rect')
    .classed('rect-tag',true)
    .append('text')

解决方案

参见：https://stackoverflow.com/que...

这篇关于d3.js - 怎么在一个g标签里面插入两个并列的标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！