NVD3 noData文本颜色更改

时间:2015-10-08 17:46:20

标签: javascript css d3.js svg nvd3.js

我正在使用nvd3折线图并自定义noData文本。现在我需要更新文本的颜色,并希望文本下划线。我用以下更改更新了css。

text.nvd3.nv-noData{
    color:"yellow";
    text-decoration: underline;
}

然而,文字装饰效果很好,但颜色没有变化。

我更改了svg文本的填充值,但它会更改所有文本的文本颜色,包括轴标签值。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

您需要使用fill代替coloryellow而不加引号:

text.nvd3.nv-noData{
  fill: yellow;
  text-decoration: underline;
}

答案 1 :(得分:0)

这是更改NoData的 Color text 的方法:

lang:
{

  noData: "My custom Text",

},
noData: {
    style: {
        fontWeight: 'bold',
        fontSize: '15px',
        color: '#eeeeee'
    }
}