NVD3散点图中自定义无数据标签

Question

我想要在显示"无可用数据"的信息时，显示自定义的信息。我正在使用nvd3散点图/气泡图。我发现了一个建议在这里

data2 = [ 
  { 
  "key" : "A key" , 
  "values" : [[]]
  }
];

但我想改变这个消息。我查看了源代码scatter.js，但没有找到“没有可用的数据”消息。我需要修改另一个源文件吗? 我该怎么做?

- Dinesh

Answer 1

查看源代码，似乎您可以使用.noData()来设置消息：

chart.noData("Nothing to see here.");

- Lars Kotthoff

---

有没有办法我们也可以改变颜色？ - TrexTroy

关于字符串？您可以选择元素并直接更改它。 - Lars Kotthoff

感谢您的评论。我已经尝试过了，但它没有接受颜色值，不过text-decoration可以正常工作。text.nvd3.nv-noData{ color:"yellow"; text-decoration: underline; } - TrexTroy

你可能想要发布一个关于这个问题的单独提问。 - Lars Kotthoff

Answer 2

如果您使用Angular NVD3包装器，设置自定义消息的方法是通过图表选项，如下所示：

$scope.options = {
    chart: {
      ...
      noData: 'Your custom message',
      ...
    }
  };

我已经准备了一个简单的演示plunker：http://plnkr.co/edit/hORaQh?p=preview。

- Atais