
Java
Javascriptvar svg = d3.select("svg");var topoJSon = d3.topology().load("uk");var subunits = topoJSon.objects.subunits.features;var data = [];for (var i = 0; i < subunits.length; i++) { data.push({ id: subunits[i].id, name: subunits[i].properties.name });}svg.selectAll(".subunit-label") .data(data) .enter().append("text") .attr("class", function(d) { return "subunit-label " + d.id; }) .attr("transform", function(d) { return "translate(" + path.centroid(d) + ")"; }) .attr("dy", ".35em") .text(function(d) { return d.name; });以上代码将创建一个具有多个子组件标签的SVG图形。每个标签都具有适当的样式和位置,并且文本内容与子组件名称相关联。Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号