【问题标题】:Rickshaw: Changing colors of X-Axis Labels人力车:更改 X 轴标签的颜色
【发布时间】:2015-02-11 00:33:33
【问题描述】:

默认情况下,标签都是深灰色,我尝试使用 CSS 多种方式覆盖它们。

如何在渲染时更改标签的颜色? 或者如何更改 SVG 输出中的颜色?

我到处寻找,发现了相似的标题,但含义不同。喜欢这个图表的可操作性,但标签文本颜色对我来说是必须的。

提前致谢。

【问题讨论】:

    标签: css svg graph rickshaw


    【解决方案1】:

    终于找到了方法。得用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
    

    这让我的一切都变白了,并且还能够去除线条。

    【讨论】:

      猜你喜欢
      • 2023-03-05
      • 2018-01-10
      • 1970-01-01
      • 2022-07-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-05
      相关资源
      最近更新 更多