如何增加 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")

如何增加 NVD3JS 饼图标签大小

How to increase NVD3JS Pie-Chart label size

html

css

d3.js

nvd3.js