Описание тега d3v4

Описание тега Вопросы с тегом
NoneD 3v4 - это версия 4.0 d3.js, небольшой библиотеки визуализации данных JavaScript с открытым исходным кодом для управления документами HTML, SVG и CSS на основе данных.
2 ответа

D3 изменяется с версии 3.0, чтобы сделать круговой путь точек

Я пытаюсь сделать градиентный путь по кругу. Очень похоже на этот пример. http://bl.ocks.org/mbostock/4163057 Это D3 версия 3. Я пытаюсь обновить это до версии 4. Я исправил несколько пунктов, таких как d3.ns.prefix.svg сейчас d3.namespaces.svg d3.s…
29 июн '16 в 00:57
1 ответ

Как сделать xscales и xaxis из этих данных D3 V4

Я работаю на D3 V4. У меня есть эти данные dataset = [{"Time": "33:10"},{"Time": "33:12"}] Как мне сделать scaleTime из этого? Также этот подход неверен: var max = new Date(d3.max(dataset, function(d){return d["Time"]})); var min = new Date(d3.min(d…
09 окт '16 в 06:33
1 ответ

d3.js v4 элемент обновления диаграммы многократного использования

Как показано в этом jsfiddle https://jsfiddle.net/6o4qu6jh/... Я хотел бы изменить масштаб оси этого многоразового графика ( https://bost.ocks.org/mike/chart/), используя input тег: <input type="checkbox" id="linlog"> <label for="linlog"&gt…
09 июн '16 в 13:32
0 ответов

d3 v4 зум, когда не в режиме зума

Я пытаюсь реализовать обычное масштабирование в моем проекте с переключением режимов: режим кисти и режим масштабирования. Проблема: при прокрутке (с помощью мыши) в режиме кисти, его изменение k значение на d3, поэтому после переключения (нажатием …
14 сен '16 в 17:34
1 ответ

D3 v4 Получить перевод значений элемента

Когда я бегу d3.select(this).attr("transform") на элемент, я получаю ответ translate(20.00,778), Однако мне нужно получить индивидуальные значения перевода. В v3 можно использовать var t = d3.transform(element.attr("transform")); t.translate; Однако…
03 авг '16 в 20:17
1 ответ

Как работает выбор узла D3 в графе сил D3?

Я пытаюсь создать граф силы и вставляя ForeignObject для каждого узла. simulation .nodes(graph.nodes) .on("tick", ticked) .on("end", graphended); var node = svg.append("g") .attr("class", "nodes") .selectAll("circle") .data(graph.nodes) .enter().app…
11 авг '16 в 21:54
1 ответ

d3 v4 как добавить метки данных на гистограмму

Я работаю над графиком d3, и мне кажется, что я не могу расположить надписи на соответствующем столбце гистограммы. Я использую d3 v4. http://orm-chimera-prod.s3.amazonaws.com/1230000000345/images/idvw_0902.png это желаемый результат, в моем примере…
30 окт '16 в 16:01
1 ответ

d3v4 - масштабирование (эквивалент d3.zoom.x)

Я переношу свой код d3 с версии v3 на версию v4 и у меня возникли проблемы с поиском эквивалента свойств d3.zoom.x, d3.zoom.y. Вот короткая часть кода, включая самые важные элементы: this.init = function(obj, def) { /* X-axis */ x = d3.scaleTime() .…
08 сен '16 в 09:48
6 ответов

Замена d3.transform в D3 v4

В D3.js v4 метод d3.transform был удален без каких-либо подсказок о том, как его заменить. Кто-нибудь знает, как заменить следующую инструкцию D3.js v3? d3.transform(String).translate;
06 июл '16 в 13:08
2 ответа

Как заставить только некоторые ребра реагировать на `mouseover` в графике сил D3 v4

Я работаю над этим графом силы в D3 v4. Когда пользователь щелкает узлы, становятся видимыми только узлы, связанные с ним. Кроме того, края, соединяющие эти узлы, становятся более толстыми, и пользователи могут зависать, чтобы видеть больше информац…
12 сен '16 в 08:42
1 ответ

projectionStream не является функцией в D3.js v4

Мы работаем над этим сайтом http://bandaultralarga.italia.it/mappa-bul/ На этой странице у нас есть gMap, где мы рисуем несколько полигонов сверху, используя d3(v3) и topoJson. Теперь мы хотим (хотели бы) перейти на новый v4, чтобы добавить новый ди…
05 окт '16 в 17:40
1 ответ

Почему эта функция vanilla js возвращает разные результаты в d3v3 и d3v4

Это MWE, основанный на некоторых шаблонах от v3 до v4 изумительного d3.js. Данные находятся в CSV-файле, оба примера загружают один и тот же файл (он чистый): day,movie1,movie2,movie3,movie4,movie5,movie6 1,20,8,3,0,0,0 2,18,5,1,13,0,0 3,14,3,1,10,0…
03 сен '16 в 12:21
1 ответ

Как я могу реализовать функцию инвертирования для шкалы баллов?

Я пытаюсь добавить всплывающую подсказку для моего графика с двумя линейными диаграммами. Однако вместо использования timeScale или scaleLinear для построения графика я использовал scalePoint. Я пытаюсь добиться следующего эффекта: https://bl.ocks.o…
13 ноя '16 в 12:07
2 ответа

Как решить TypeError: d3.time не определено?

Я хочу проанализировать данные / время, используя D3.js. Для этого я создал один файл JavaScript и использую var d3 = require('d3'), Я устанавливаю D3 используя npm install d3, а также попробовал npm install d3 --save что сохраняет его в package.jso…
07 сен '16 в 12:18
2 ответа

Как создать макет дерева с использованием данных JSON в d3.v4 - без стратификации ()

Я пытаюсь обновить код d3 с версии 3 до версии 4. У меня есть древовидная диаграмма с использованием данных JSON. Примеры d3.v4 показывают, как преобразовать табличные данные (например, flare.csv) в иерархические данные, используя stratify () https:…
18 июл '16 в 15:44
3 ответа

Typescript, D3 и powerBI: как мне получить машинописный текст для общения с D3 v4?

Я пытаюсь заставить D3 работать в PowerBI, чтобы я мог создавать собственные визуальные эффекты. Я пришел к этому с конца D3, и не знаком с машинописью, powerBI или даже терминальным приложением (я на Mac). У меня D3 V3 работает с использованием это…
27 окт '16 в 11:04
1 ответ

Обновление D3.js с переходом

Я использую следующий код для обновления гистограммы, созданной с помощью d3v4: d3.select("button.add") .on("click", function(){ dataset.push(Math.floor(Math.random() * 30) + 5); xScale.domain(d3.range(dataset.length)) .rangeRound([0, w]) .padding(0…
20 окт '16 в 11:33
1 ответ

d3 v4 отметки по оси X

Имея жесткое время, пытаясь проиллюстрировать историческую диаграмму производительности S&P; 500 из года в год. Что бы я ни пытался, метод "ticks()" по оси X игнорируется и просто использует значение 1. Что очень трудно увидеть. var margin = {top: 2…
28 сен '16 в 20:00
2 ответа

Как долго будет поддерживаться D3.js v3?

Я не мог найти эту информацию нигде. Я знаю, что в D3.js v4 исправлено много ошибок v3, и новый модульный подход великолепен, но у меня есть существующее приложение с 4 (относительно сложными) графиками, и я не могу оценить, сколько рабочих часов бу…
12 авг '16 в 17:28
1 ответ

Почему я не могу поместить div поверх SVG, используя z-index

У меня есть следующий плункер, и, как вы видите (я по умолчанию его открываю), объекты SVG располагаются поверх HTML. Это несмотря на наличие z-индекса -1 (я также пробовал 100). // Navbar Component :host.opened{ height: 136px; z-index: 9999; } // S…
19 ноя '16 в 21:42