【发布时间】:2015-02-11 00:33:33
【问题描述】:
默认情况下,标签都是深灰色,我尝试使用 CSS 多种方式覆盖它们。
如何在渲染时更改标签的颜色? 或者如何更改 SVG 输出中的颜色?
我到处寻找,发现了相似的标题,但含义不同。喜欢这个图表的可操作性,但标签文本颜色对我来说是必须的。
提前致谢。
【问题讨论】:
默认情况下,标签都是深灰色,我尝试使用 CSS 多种方式覆盖它们。
如何在渲染时更改标签的颜色? 或者如何更改 SVG 输出中的颜色?
我到处寻找,发现了相似的标题,但含义不同。喜欢这个图表的可操作性,但标签文本颜色对我来说是必须的。
提前致谢。
【问题讨论】:
终于找到了方法。得用JS来覆盖属性。
在graph.render()函数之后使用这些:
$('.x_ticks_d3 text').css('opacity', '1.0');//fix text opacity
$('#x_axis text').css('fill', 'white');//text color
$('.x_ticks_d3 .tick').css('stroke-width', '0px');//text smoothing
$('#x_axis path').css('opacity', '0');//remove line or
$('#x_axis path').css('stroke', 'white');//change line color
这让我的一切都变白了,并且还能够去除线条。
【讨论】: