D3 v3: Как установить ширину текста в соответствии со значениями длины? - PullRequest
Новая
       12

D3 v3: Как установить ширину текста в соответствии со значениями длины?

0 голосов
/ 30 марта 2020

Я создал гистограмму в D3 v3. Я показываю текстовые значения в прямоугольнике. Как я могу динамически отрегулировать ширину прямоугольника в соответствии с длиной значения?

Гистограмма 

 var rect = svgSelection.selectAll('g')
     .append("rect")
    .attr('x',function(d,i){
                    return xScale(i)+barWidth/2+15;
                }).attr('y',function(d){
                    return height -yScale(d)+barWidth/2 ;
                })
        .attr("width",60)
        .attr("transform", function(d,i) { return 'translate(' + margin.left +', ' + margin.top-1 + ')'; })
        .attr("height", 25)
        .style("fill-opacity", ".4")
        .style('fill','white')
        .style("stroke", "#666")
        .style("stroke-width", "1.5px");

Как динамически отрегулировать эту ширину в соответствии с длиной значения?

...