如何在nvd3中更改图例的文字字体？

Question

我有一个传说中的文字，我正试图大胆。但是，我只希望该文本是活动的粗体，如下面的情况，我有3个圆圈，其中一个填充黑色。该文本目前处于活动状态。

但是，如何使文本更加粗体，以便我可以摆脱圆圈并只使用文本突出显示活动的标签？

我尝试从nv-legend删除'circle'节点，它删除了圆圈节点，但没有使用粗体文字：

var intervalControls = graph.select('.nv-wrap g')
    .append('g')
    .attr('class', 'nv-intervalWrap');           

var controls = nv.models.legend()
    .height(30)
    .color(['#444', '#444', '#444']);

intervalControls
    .datum(controlsErrorData[interval])
    .attr('transform', 'translate(-270,-50)')
    .call(controls)

$('.nv-intervalWrap')
    .find('g')
    .find('.nv-series')
    .find('.nv-legend-symbol')
    .remove()  

关于如何实现这一点的任何想法???

谢谢！

Answer 1

尝试将此添加到您的CSS：

// Keep the in-active controls font normal
.nv-controlsWrap .disabled text {
    font-weight: normal !important;
}

// Make the active link bold
.nv-controlsWrap .nv-series text {
    font-weight: 600;
}

希望它有所帮助。