Ответ 1
Я думаю, вы обнаружите, что это работает, если вы назначаете размер шрифта как стиль, а не как атрибут.
.style("font-size", "34px")
(еще лучше назначьте атрибут id или class и установите все свои стили в CSS)
Я пишу d3.js для генерации многих диаграмм и графиков. Но когда нет данных, я просто добавляю svg текст и выписываю "нет данных для отображения" и назначая некоторые атрибуты, такие как xy dy и т.д. Аналогично шрифту -размер, но кроме размера шрифта каждая вещь работает.
почему? вот мой код
var svg = d3.select(selector).append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
if (!data.IssueTrendsDAO.issueTrendList) {
svg.append("text")
.attr("font-size","34px")
.attr("y", 79)
.attr("x", 40)
.attr("dy", ".47em")
.style("text-anchor", "start")
.style("fill", "#004669")
.style("font-weight", "bold")
.text("No data to display");
}
Я думаю, вы обнаружите, что это работает, если вы назначаете размер шрифта как стиль, а не как атрибут.
.style("font-size", "34px")
(еще лучше назначьте атрибут id или class и установите все свои стили в CSS)