如何增加NVD3JS饼图标签尺寸

时间:2015-07-28 06:59:11

标签: html css d3.js nvd3.js

我尝试增加我的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>

1 个答案:

答案 0 :(得分:1)

两种方法:

  

我更喜欢使用 CSS

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

使用JavaScript

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