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

我有一个图例，我想使其文字大胆。但是，我只希望文本是粗体的，这是活动的，就像下面的情况一样，我有3个圆圈，其中一个用黑色填充。该文本当前处于活动状态。

但是，如何使偶数文本变为粗体，以便摆脱圆并仅使用文本突出显示处于活动状态的标签？



我试着从nv-legend删除'circle'节点，它删除了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()

关于如何实现这一目标的任何想法？？？

谢谢！

最佳答案

尝试将其添加到您的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;
}

希望能帮助到你。