D3.js - это популярная JavaScript библиотека для визуализации данных. Она предоставляет широкий и гибкий инструментарий для отображения данных, используя самые современные возможности HTML, CSS и SVG.
Questions tagged [d3.js]
122 questions
2
votes
1 answer
Как получить корректное значение курсора?
Вот так я получаю корректные данные позиции курсора (не менял масштаб):
self.x = Math.round(x_scale.invert(d3.mouse(this)[0]-50));
self.y = Math.round(y_scale.invert(d3.mouse(this)[1]-50));
Как получить корректные значения после…
doox911
- 3,818
2
votes
0 answers
d3js зеркальное масштабирование на двух svg элементах
Отобразил два круга на различных svg. Хочу чтобы при перемещении/масштабировании одного объекта второй зеркально менялся. В d3 до 3.5.17 версии все работает прекрасно
…
kenara
- 21
1
vote
1 answer
Почему получается ошибка в функции?
На примере с видео делаю простую фигуру
paths();
function paths() {
var canvas = d3.select(".paths").append("svg")
.attr("width", 500)
.attr("height", 500);
var data = [{
x: 10,
y: 20
},
{
x:…
Резидент Казахстана
- 13,519
1
vote
1 answer
Как получить высоту текста?
// Выбираем элемент в котором создадим SVG
const svg_container = d3.select('#svg-container');
// Резервируем место
let svg = svg_container.selectAll('svg').data([null]);
let text = this.svg.selectAll(".text").data([null]);
Добавляю…
doox911
- 3,818
1
vote
0 answers
Как разместить координатные оси по центру? (d3.js)
Координатная сетка должна выглядить так
Код для создания динамической сетки здесь
Как сделать так, чтобы начальное положение осей x и y было по центру экрана, а при дальнейшем перетаскивании цифры появлялись бы сбоку (в тот момент, когда не видно…
Klimbo
- 279
1
vote
1 answer
Проблема с использованием html() и then
$(document).ready(function () {
const margin = {top: 50, right: 50, bottom: 50, left: 50},
width = 600 - margin.left - margin.right,
height = 600 - margin.top - margin.bottom;
const svg =…
Happy_Cougar
- 1,384
0
votes
0 answers
Как в сформированный путь добавить линию?
Формирую путь:
const line = d3.line()
// .curve(d3.curveLinearClosed)
.x(d => x_scale(d.x))
.y(d => y_scale(d.y));
const path = svg_DS.append('path')
.datum(opt_points)
.attr('fill', 'transparent')
.attr('class','glass')
.attr('d',…
doox911
- 3,818
0
votes
0 answers
Координаты вершин гексагона из d3js
Я новичок в d3js. Рисую гексогональную сетку из этого примера
Рисуется отлично. Но мне для моей задачи нужны координаты вершин гексагонов. МНе удалось вытащить вот такой массив:…
Cold Pol
- 185
0
votes
0 answers
как обновлять ветки в d3 js
При добавлении polygon в схему не получается обновлять ветки, новые ветки наслаиваются на старые. Как решить эту проблему?
Код веток
// Update the links…
var link = vis.selectAll("path.link")
…
0
votes
0 answers
Как с делать ветки в D3.js?
Я использовал пример http://bl.ocks.org/jdarling/2d4e84460d5f5df9c0ff и мне надо сделать ветки похожие на пример из картинки
помогите мне если сможете, спасибо за внимание
0
votes
1 answer
D3.js - ошибка Cannot read property 'force' of undefined
Скопировал пример использования D3.js
https://bl.ocks.org/mbostock/950642#graph.json
Но при открытии файла в браузере - ничего не прорисовывается.
В деталях высвечивается ошибка:
Uncaught TypeError: Cannot read property 'force' of undefined
…
mdf
- 1
0
votes
1 answer
Проблема с осями в d3.js
Есть у меня d3.js диаграмма, она идеально выводится, вот только на оси абсцисс выводится только первый "x" (то есть N), а остальные странно нумеруются от '.002' до '.014'. Как бы сделать так, чтобы нормально выводились подписи данных на оси?
Вот…
Nick Archer
- 43
0
votes
0 answers
Какие именно нужны карты для работы с d3
Недавно начал изучать D3 js и возник небольшой вопрос, какие именно расширения можно использовать для показа карты с помощью D3, потому что мне нужна карта определённой области РФ(Саратовская область), такую смог найти только на osm в виде xml,…
Aguilam
- 1