【问题标题】:Change label text color in row chart更改行图中的标签文本颜色
【发布时间】:2014-05-08 20:18:13
【问题描述】:

我正在使用 dc.js 行图。与this page 示例中的星期图表完全一样

有人可以建议我如何将标签颜色从白色更改为黑色。

【问题讨论】:

  • 在 CSS 中,使用.dc-chart g.row text {fill: black;}?
  • 非常感谢。我自己应该这样做的。我很想用 Javascript 来实现这一点。
  • 这个问题我现在该怎么办?删除它 ?自己回答并关闭它?
  • 通常情况下,如果其他人在评论中确实回答了该问题,您会要求该人将其发布为答案,然后接受它。
  • 请将其作为答案发布,我会接受 :) .. 谢谢!

标签: svg d3.js dc.js


【解决方案1】:

我是你的 CSS,使用 .dc-chart g.row text {fill: black;}

【讨论】:

  • 您能解释一下这是如何工作的吗?我认为 g.row 适用于所有具有类 row 的 g 元素。
  • 你是对的,确实如此。因此,在 OP 给出的示例中,text 元素(或其具有类行的父 g 元素)没有内联样式,这将覆盖任何 CSS 样式。因此,您可以继续简单地将具有类行的g 元素设置为您想要的任何颜色,text 元素将继承它(级联效果)。这是一个最小的FIDDLE 说明我的观点。
【解决方案2】:

此外,对于那些尝试使用饼图的人,标签的选择器没有g.row。即:.dc-chart text.pie-slice {fill: black;}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-08
    • 2017-07-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多