Tag: d3.js

Переупорядочить элементы SVG (z-index) в D3.js

Я понимаю, что этот вопрос задан раньше, но я не могу понять его. Вот моя диаграмма … http://www.gogeye.com/financialnews/piechart/index3.html Все, что я хочу сделать, это сделать рендер монет за графиком. Я знаю, что D3 делает, чтобы они были добавлены. Я попытался повторно добавить монету, но не могу заставить ее работать. Я пробовал переупорядочивать, когда что-то добавляется […]

D3 строки возврата csv

Это из документа d3 csv API: d3.csv("path/to/file.csv") .row(function(d) { return {key: d.key, value: +d.value}; }) .get(function(error, rows) { console.log(rows); }); Как передать rows в var data а не только console.log . Мне просто нужны данные из csv, но я не знаком с JavaScript.

D3.js пытается реализовать отсортированную таблицу svg

Поскольку мой заголовок утверждает, что я пытаюсь реализовать интерактивную таблицу с приятными переходами, вот почему я выбираю D3.js в сочетании с элементами svg witch. Мне удалось реализовать сортируемую таблицу с обычными элементами HTML (th, tr, td): http://jsfiddle.net/recek/q6LE6/ // create the table header var thead = d3.select("thead").selectAll("th") .data(d3.keys(jsonData[0])) .enter().append("th").text(function(d){return d;}) .on("click", function(d){ return refreshTable(d);}); // fill […]

Обтекание текста внутри круга

Я использую d3 для рисования диаграммы UML и хотел бы обернуть текст в фигуры, нарисованные с помощью d3. Я дошел до кода ниже и не могу найти решение, чтобы текст «поместился» в мою форму (см. Изображение ниже). var svg = d3.select('#svg') .append('svg') .attr('width', 500) .attr('height', 200); var global = svg.append('g'); global.append('circle') .attr('cx', 150) .attr('cy', 100) […]

Как изменить значения тика, сгенерированные линейной шкалой, в графике линии d3.js?

У меня было только 5 значений [1,2,3,4,5] в качестве моих y-координат на графике линии d3.js. Но, я получаю больше значений [0,5,1,1,5,2,2,5,3,3,5,4,4,5,5]. Есть ли способ редактировать файл d3.js или файл html-файла для построения значений в виде По моему требованию?

D3.js Нечетное поведение вращения

Я нахожусь на ранней стадии проекта JS. До сих пор все идет хорошо, кроме позиционирования одной фигуры. Образец, о котором идет речь, представляет собой алмаз из тиана (квадратный поворот на 45 градусов). Я могу получить квадрат на экране без проблем, но когда я добавляю: .attr("transform", "rotate(45)") Квадрат вращается правильно, но сдвигается к левой части экрана, […]

Невозможно выбрать элемент SVG foreignObject в d3

Я работаю с ориентированным на d3 макетом с ярлыками HTML-узлов, реализованными с элементами SVG foreignObject . Я хотел бы выбрать эти элементы в разное время, чтобы обновить их позиции и другие свойства (и отслеживать их по мере их создания и уничтожать с помощью enter() и exit() ), но я, кажется, не могу их выбрать Как […]

D3.js Автоматический размер шрифта на основе узлов индивидуального радиуса / диаметра

Как я могу D3.js автоматически настроить размер шрифта для каждого узла на основе их индивидуального радиуса / диаметра? Я использую стиль, который позволяет автоматически увеличивать размер node.append("text") .attr("dy", ".3em") .style("text-anchor", "middle") .text(function(d) { return d.className.substring(0, dr / 3); }) .style("font-size", "10px") // initial guess //This is what gives it increased size… .style("font-size", function(d) { return […]

Анимировать строки в линейном графике с D3.js

У меня есть мой линейный график с двумя строками. Данные для рисования моего графического графика извлекаются из CSV-файла. Может ли кто-нибудь объяснить, как я мог начать с пустого графа, и когда я нажимаю кнопку, мои строки ожидают по графику? Заранее спасибо!! Var button = d3.select ("# button"); var margin = {top: 30, right: 20, bottom: […]

D3.js, щелкните ссылку на другой URL, закодированный с помощью переменных

Я сделал график рассеяния и хочу добавить ссылку на каждую точку. chart.selectAll("scatter-dots") .data(data) .enter().append("circle") .attr("cx", function (d) { return x(d.position[0]); } ) .attr("cy", function (d) { return y(d.position[1]); } ) .attr("r", 4) .style("fill", "#666") .style("opacity", 0.5) .on("click", function(){ var url = "http://somelink.com/link.php?id="; url += d.link_id; //$(location).attr('href', url); //window.location = url; }); Он работает, если я […]

JavaScript делает сайт умным, красочным и простым использованием.