css - 人力车:改变 X 轴标签的颜色

标签 css svg graph rickshaw

默认情况下,标签都是深灰色,我尝试使用 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

这对我来说一切都是白色的,并且还能够删除线条。

关于css - 人力车:改变 X 轴标签的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28444531/

相关文章:

php - SQL 查询动态创建的 Cytoscape 节点

android - 优化 Androidplot

html - 使用css和html在同一 block 中用一行分隔文本

javascript - 无法附加到第二个容器

html - css 过渡动画不适用于 svg 路径的 "d' 属性更改

svg - 将 es6 中的 svg-pan-zoom 与 webpack 结合使用

scala - scala 的图形库

javascript - 使用 jQuery 在 div onClick() 中隐藏 img 标签

javascript - 导航切换仅在最小化窗口时可见

python - 在python中使用路径而不是形状绘制svg或转换它们