Javascript 如何显示d3.js无数据消息？

我尝试不显示数据消息，而显示空图

添加如下文本：

if (requests.length === 0) {
  svg.append('text')
    .classed('noData', true)
    .text("No Data");
}

.noData {
    position: absolute;
    transform: translate(-50%, -50%) !important;
    font-size: 24px;
    color: #666;
    font-weight: 200;
    text-align: center;
}

并将其设计成这样：

if (requests.length === 0) {
  svg.append('text')
    .classed('noData', true)
    .text("No Data");
}

.noData {
    position: absolute;
    transform: translate(-50%, -50%) !important;
    font-size: 24px;
    color: #666;
    font-weight: 200;
    text-align: center;
}

但充其量我的图表显示如下：

---

如何将无数据消息添加到d3.js条形图？

我通常在绘制svg之前检查数据。如果没有数据，则只需显示一个充满整个空间的奇特图像。我通常在绘制svg之前检查数据。如果没有数据，则只需显示一个充满整个空间的奇特图像