2014-12-10 57 views
1

我有一個傳說,其文字我試圖大膽。不過,我只希望文本是大膽的,如下所示,我有3個圓圈,其中一個填充黑色。該文本目前處於活動狀態。如何更改nvd3中圖例的文字字體?

但是,我怎樣才能使文本粗體,以便我可以擺脫這個圈子,只是使用文本來突出顯示活動的標籤?

legends

我試圖從nv-legend去掉「圈子」節點,它去掉了圓節點但沒有相當大膽的文字工作:

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() 

如何可以做到這一點任何想法? ??

謝謝!

回答

3

嘗試增加給你的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; 
} 

希望它能幫助。

+0

謝謝,工作! – user1234 2014-12-11 23:37:40