html - 如何增加 NVD3JS 饼图标签大小

Question

我尝试增加 nvd3js 饼图的标签大小，因为它真的很小。所以我读过有关这样做的信息:

        <svg style="font: normal 28px Impact;"></svg>

或

        <div style="font: normal 28px Impact;">
            <svg></svg>
        </div>

但这两种方法都不会改变我的标签大小，你有没有其他解决方案来做到这一点？

完整代码:

    <nvd3-pie-chart data="exampleData" id="exampleId" width="500" height="500" x="xFunction()" y="yFunction()" showLabels="true" labelType="percent">
        <div style="font: normal 28px Impact;">
            <svg></svg>
        </div>
    </nvd3-pie-chart>

Answer 1

两种方法:

I prefer using CSS

.nv-label text{
    font-size:28px;
}

使用 JavaScript

d3.select(".nv-label text").style("font-size","28px")