#javascript #d3.js #data-visualization
Вопрос:
Я работаю над этим проектом, и в данный момент мне нужно отобразить только один номер, возвращаемый из базы данных с моего бэкэнда.
Это мой код:
var data2 = d3.json("/Events/CountEmployees/").then(function (data) {
d3.select("#data")
.selectAll("p")
.data(data)
.enter()
.append('p')
.style("color", "red")
.text(data => data.Count1);
// console.log( data);
})
Когда я выполняю команду console.log(данные), она фактически считывает мои нужные данные, но я не понимаю, в чем проблема с атрибутом text в D3js.
Вот какой результат я получаю от этого: 
Теперь я хочу отобразить эти данные из count1, которые равны «6», в виде текста на моей странице, но я застрял и не могу найти никакого решения. Не могли бы вы, пожалуйста, помочь мне с этим?
Комментарии:
1. Какой тип элемента вы выбираете с идентификатором
#dataи есть ли у него уже дочерние элементы «p»? Если вы проверите страницу, увидите ли вы добавленные элементы? Если вы регистрируете данные. Счет1 в текстовой функции вы видите, что вы ожидаете? Вам нужно немного больше информации, чтобы определить проблему.2. Вообще-то, нет. Я не могу получить прямой доступ к строке данных. Вместо этого я могу зарегистрировать всю «таблицу», которую я получаю из базы данных, с помощью console.log(данные);
Ответ №1:
Я нашел решение этой проблемы.
Добавлено <h4 id="rData"> </h4> на моей стороне html, и этот скрипт в моем файле .js.
var data2 = d3.json("/Index/MyData/").then(function (data) {
const test = data.map(d => d.Number);
$('#rData').text(test);
})
Поскольку я извлекаю данные из базы данных, мне пришлось использовать функцию d3, чтобы получить эти данные из моей функции контроллера (MyData), которая возвращает эти данные.
Оставляю это здесь на случай, если это кому-то еще понадобится в будущем.