Лучшие d3.js вопросы ИТ разработчиков

  • 2голос
  • 1ответ
  • 0просмотров

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]); } ...

ЗаданMay 13, 2012, 3:57 AMотclerksx
  • 9голосов
  • 2ответа
  • 0просмотров

Ограничение домена при масштабировании или панорамировании в D3.js

Я реализовал простую линейную диаграмму D3.js, которую можно увеличивать и панорамировать. Он основан на превосходном примере Стивена БаннашаВот [http://bl.ocks.org/1182434]. Домен моих данных [0, n] в измерении х. Как я могу ограничить ...

ЗаданJan 18, 2014, 12:02 AMотDavid MulderNils
  • 72голосов
  • 4ответа
  • 0просмотров

Как добавить всплывающую подсказку к графике SVG?

У меня есть серия SVG-прямоугольников (с использованием D3.js), и я хочу, чтобы при наведении мыши отображалось сообщение, сообщение должно быть окружено полем, которое выступает в качестве фона. Они оба должны быть идеально выровнены друг ...

ЗаданJan 17, 2014, 11:48 PMотVividDnachocab
  • 44голосов
  • 3ответа
  • 0просмотров

d3 маркировка узла

Я использовал пример кода изэтот проект d3 [http://bl.ocks.org/2926502]чтобы узнать, как отображать графики d3, и я не могу получить текст, отображаемый в середине кругов (аналогичноэтот пример [http://mbostock.github.com/d3/ex/bubble.html]а ...

ЗаданJan 16, 2014, 12:59 PMотVividDJosh Bradley
  • 16голосов
  • 5ответов
  • 0просмотров

В d3.js пропустите append () для нулевых данных

Я рисую линейный график из маленьких круглых маркеров. Однако в данных есть дыры, которые представлены нулем в моем массиве. Естественно, там, где нет данных, не должно быть кружков. Но метод append () d3 все равно добавляет их. Как мне избежать ...

ЗаданOct 18, 2016, 8:00 PMотmeetamit
  • 8голос
  • 1ответ
  • 0просмотров

d3.js строит сетку из прямоугольников

Я пытаюсь построить сетку из прямоугольников в d3.js. Сетка состоит из 7 строк (дней в неделе) и 24 столбцов (часов в дне). Следующий код только рисует (строка: столбец): day0: hour0, day1: час1, day2: hour2, Day3: hour3, Day4: hour4, day5: ...

ЗаданMay 05, 2012, 11:11 AMотskaffmanAugust
  • 5голос
  • 1ответ
  • 0просмотров

D3 Направленные графы

Я использовал следующий пример для генерации ориентированных графов http://bl.ocks.org/1153292 [http://bl.ocks.org/1153292] Я хочу добавить событие щелчка, чтобы при щелчке пользователем узла отображался заголовок узла Пока я сделал это var ...

ЗаданJun 06, 2012, 11:34 AMотNikhil Mahajan
  • 2голос
  • 1ответ
  • 0просмотров

Изменить масштаб по умолчанию в cubism.js

Я использую cubism.js, чтобы отобразить некоторые статические данные из объекта JSON. Мы хотим, чтобы у нас была возможность отображать данные за многие годы с указанием баллов за каждый день. У меня есть решение, работающее частично, но я хотел ...

ЗаданJun 07, 2012, 7:56 AMотuser1440303
  • 8голосов
  • 3ответа
  • 0просмотров

d3.js Нечетное Поворотное Поведение

Я на ранних стадиях проекта JS. Пока все идет хорошо, за исключением позиционирования одной фигуры. Форма, о которой идет речь, - алмаз чирка (квадрат повернут на 45 градусов). Я могу получить квадрат на экране без проблем, но когда я ...

ЗаданJun 11, 2012, 9:24 PMотBart1080p
  • 21голос
  • 1ответ
  • 0просмотров

d3.behavior.zoom при перетаскивании дрожит, дрожит, прыгает и подпрыгивает

Я использую d3.behavior.zoom для реализации панорамирования и масштабирования в дереве, но он демонстрирует поведение, которое я бы описал как отскакивающую или числовую нестабильность. Когда вы начинаете перетаскивать, дисплей необъяснимо будет ...

ЗаданJun 12, 2012, 2:12 PMотBretton Wade
  • 13голосов
  • 5ответов
  • 0просмотров

Разместить текст в элементе SVG (с использованием D3 / JS)

Я хочу написать текст внутри прямоугольника, который я создаю следующим образом: body = d3.select('body') svg = body.append('svg').attr('height', 600).attr('width', 200) rect = svg.append('rect').transition().duration(500).attr('width', 150) ...

ЗаданApr 02, 2013, 9:22 AMотMarcoSmike
  • 1голос
  • 1ответ
  • 0просмотров

Правильное использование stack.values ([accessor]) в D3 Streamgraph?

Я пытаюсь создать диаграмму потокового графика D3 с дополнительными данными на слой, используя метод доступа к значениям, как показано вСправочник по D3 API [https://github.com/mbostock/d3/wiki/Stack-Layout#wiki-values]а такжеэтот вопрос в ...

ЗаданMay 23, 2017, 12:17 PMотCommunityDerek Hill
  • 4голос
  • 1ответ
  • 0просмотров

Кэшируется ли древовидная карта d3 при передаче ему корневого узла?

Я пытался получить d3 treemap для анимации, и у меня было что-то вроде App.svg = d3.select("#medals-tree-map").append("svg:svg") .style("width", App.canvasWidth) .style("height", App.canvasHeight) .append("svg:g") .attr("transform", ...

ЗаданMay 23, 2017, 11:44 AMотCommunityzlog
  • 21голосов
  • 4ответа
  • 0просмотров

Как создать иерархию без дерева с D3

D3 имеет множество макетов для ориентированных графов, которые являются строгими деревьями, таких как следующие: A |\ B C / \ D EМне нужно нарисовать иерархию узлов, которая не является деревом, а представляет собой ориентированный ациклический ...

ЗаданJun 15, 2012, 3:16 PMотJohn Walthour
  • 8голос
  • 1ответ
  • 0просмотров

Наследование в соединениях данных

Быстрый вопрос о присоединении данных. Скажем, у меня есть некоторые элементы, каждый из которых содержит. Когда я первоначально присоединяю данные к, они автоматически наследуются элементами, которые я добавляю в выбор ввода. Когда данные ...

ЗаданApr 12, 2012, 6:19 PMотScott Cameron
  • 26голос
  • 1ответ
  • 0просмотров

Гистограмма с отрицательными значениями

Мне нужно создать гистограмму d3, которая может иметь отрицательные значения. В идеале нулевое положение оси должно быть рассчитано на основе экстента данных, но я согласен на решение, которое предполагает симметричный положительный ...

ЗаданApr 12, 2012, 4:04 PMотkhaledh
  • 7голосов
  • 3ответа
  • 0просмотров

Фильтр для нескольких дискретных значений в кроссфильтре

У кого-нибудь есть подход к фильтрацииcrossfilter [https://github.com/square/crossfilter/wiki/API-Reference]Размер объекта на несколько значений? Что-то вроде .filterExact(["cash","visa"])или же .filter(["cash","visa"])... но не диапазон формы ...

ЗаданJun 16, 2012, 4:05 AMотLarry BattleLarry Hengl
  • 30голос
  • 1ответ
  • 0просмотров

d3 координаты клика относятся к странице, а не к svg - как их перевести (ошибка Chrome)

Когда событие находится в игре, d3.event.x задает положение координаты x щелчка мыши, но относительно всего документа HTML. Я пытался использовать jQuery's $ ('svg'). Position (), чтобы получить фактическую позицию svg, но это возвращает явно ...

ЗаданApr 20, 2012, 3:18 PMотballaw
  • 42голосов
  • 4ответа
  • 0просмотров

D3 в приложении AngularJS

Я пытаюсь создать свое первое приложение с AngularJS. Это выглядит аккуратно, но здесь много абстракций, и мне просто любопытно, есть ли у кого-нибудь совет относительно самого идиоматического способа использования угловой методологии для ...

ЗаданJun 21, 2012, 3:26 PMотBHP
  • 70голосов
  • 3ответа
  • 0просмотров

повернуть текст по оси X в d3

Я новичок в кодировании d3 и svg и ищу способ поворота текста на оси x диаграммы. Моя проблема в том, что обычно заголовки xAxis длиннее, чем широкие бары в гистограмме. Поэтому я хочу повернуть текст так, чтобы он проходил вертикально (а не ...

ЗаданJun 28, 2012, 8:56 PMотjschlereth
  • 17голос
  • 1ответ
  • 0просмотров

Как мне сделать собственный форматировщик оси для часов и минут в d3.js?

У меня есть набор данных, который я строю с помощью d3.js. Ось X представляет время (в минутах). Я хотел бы отобразить эту ось в видеhh:mm формат, и я не могу найти способ сделать это чисто в d3. Мой код оси выглядит так: svg.append('g') ...

ЗаданJan 16, 2014, 10:02 PMотVividDmatthewsteele
  • 2голосов
  • 3ответа
  • 0просмотров

Радарный график d3.js - заполнение между строками

Я пытаюсь создать заливку между двумя из этих треугольников, например, красную заливку между красным и зеленым треугольниками. Кто-нибудь знает, как этого добиться? Я видел еще один пример радиолокационной диаграммы, которая, как мне кажется, ...

ЗаданJul 09, 2012, 4:09 PMотApollo
  • 10голосов
  • 3ответа
  • 0просмотров

D3: поиск координаты Y с помощью наведения мыши

Я делаю интерактивный график с использованием D3. При наведении курсора на диаграмму области мне бы хотелось, чтобы точка катилась по вершине диаграммы, как в следующем ...

ЗаданJul 07, 2012, 8:30 PMотWexregistered user
  • 35голосов
  • 3ответа
  • 0просмотров

Обновление ссылок на форсированный граф из динамических данных JSON

Я новичок в D3 и работаю над форсированным графом, где данные json являются динамическими. Я могу изменить график силы при получении новых данных, но это происходит с эффектом упругости. Код, который создает мой граф силы: <div ...

ЗаданJun 14, 2014, 3:02 PMотVividDRahul Rout
  • 16голосов
  • 3ответа
  • 0просмотров

В d3, как получить данные интерполированной линии из линии SVG?

Я отображаю линейную диаграмму с D3 примерно следующим кодом (учитывая функции масштабаx, y и массив с плавающей точкойdata): var line = d3.svg.line() .interpolate("basis") .x(function (d, i) { return x(i); }) .y(function (d) { return y(d); }); ...

ЗаданJul 16, 2012, 11:19 AMотPhae7rae
  • 14голосов
  • 4ответа
  • 0просмотров

SVG на холст с d3.js

Кто-нибудь пробовал использовать библиотеку svg to canvas при создании визуализаций d3.js? Я пытался использовать canvg.js и d3.js для преобразования svg в canvas из веб-просмотра приложения Android 2.3, но при вызове: svg.selectAll(".axis") ...

ЗаданOct 16, 2018, 4:57 PMотHongarcuser1317804
  • 30голосов
  • 2ответа
  • 0просмотров

d3.js, как динамически добавлять узлы в дерево

Я использую дерево d3.js и хотел бы добавлять узлы динамически, а не предварительно загружать все дерево. Как бы я изменил следующее, чтобы динамически добавлять дополнительные узлы JSON при нажатии на узел? (см. ссылку ниже и код ...

ЗаданFeb 01, 2014, 8:38 PMотVividDMike Mike
  • 5голосов
  • 2ответа
  • 0просмотров

визуализация d3.js на андроиде 2.3

Я знаю, что Android-браузер для 2.3 не поддерживает SVG, но я хотел бы знать, могу ли я преобразовать визуализацию SVG d3.js в канву, используяCanvg [http://code.google.com/p/canvg/]на стороне клиента. Может ли браузер вообще анализировать ...

ЗаданJul 23, 2012, 10:54 PMотWexApollo
  • 7голосов
  • 3ответа
  • 0просмотров

Как я могу начать со всех узлов, свернутых в d3js?

Начиная с этого примераhttp://bl.ocks.org/1062288 [http://bl.ocks.org/1062288]Я хотел бы иметь дерево со всеми свернутыми узлами, поэтому исходный граф должен содержать только один узел (корень).

ЗаданMay 15, 2014, 12:32 PMотBrandon Wamboldtvictorsc
  • 14голос
  • 1ответ
  • 0просмотров

Ориентация дерева рисования

Я создал слегка модифицированное дерево, используя макет дерева. Мне нужно было ориентировать дерево справа налево вместо обычной ориентации слева направо, которая по умолчанию. Как правильно и правильно сделать d3: ish способ сделать это? В ...

ЗаданJan 07, 2014, 10:56 PMотVividDJyrsa
  • 3голосов
  • 3ответа
  • 0просмотров

Гистограмма временных рядов

Можно ли создать гистограмму временного ряда, подобную описанной вэтот [http://www.slideshare.net/postwait/its-all-about-telemetry]презентация (слайды 36-39) с использованием R или D3.js? Или есть лучший способ показать данные в виде временного ...

ЗаданMar 30, 2016, 4:17 PMотepo3septagram
  • 13голосов
  • 2ответа
  • 0просмотров

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

Я работаю с принудительно-ориентированным макетом d3 с метками узлов HTML, реализованными с помощью SVGforeignObject элементы. Я хотел бы выбирать эти элементы в разное время, чтобы обновлять их позиции и другие свойства (и отслеживать их, когда ...

ЗаданJun 16, 2014, 4:19 PMотVividDRyan Gabbard
  • 20голосов
  • 2ответа
  • 0просмотров

D3 - использование строк для отметок оси

Я хочу создать гистограмму, используя строки в качестве меток для отметок по оси X (например, год 1, год 2 и т. Д. Вместо 0,1,2 и т. Д.). Я начал с использования числовых значений для оси x (например, 0,1,2,3 и т. Д.) Следующим образом: 1) Я ...

ЗаданSep 19, 2015, 9:52 PMотroyhowieGian
  • 38голосов
  • 2ответа
  • 0просмотров

Как отключить двойной клик для d3.behavior.zoom?

я не хочуd3.behavior.zoom [https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-zoom]чтобы добавить возможность двойного клика на моем графике. Как я могу отключить это поведение? ВотJSFiddle [http://jsfiddle.net/brantolsen/Ld6Uz/]с ...

ЗаданAug 02, 2012, 9:25 PMотBrant Olsen
  • 15голос
  • 1ответ
  • 0просмотров

Перерисовка гистограмм с помощью Crossfilter и D3

Я адаптируюCrossfilter [http://square.github.com/crossfilter/]библиотека для визуализации некоторых твитов, которые я собирал изОлимпийские игры [http://www.london2012.com], Я пытаюсь существенно расширить первоначальный пример двумя способами: ...

ЗаданAug 06, 2012, 7:48 AMотfozziethebeat
  • 1голосов
  • 2ответа
  • 0просмотров

d3js перемещают узел без перетаскивания

Я перемещаю узел в моем графе d3.js, используя следующий код: d3.select("#"+ nodeid).attr("x",x); d3.select("#"+ nodeid).attr("y",y);Это работает нормально, но когда я снова начинаю перетаскивать узел, он "прыгает" вернуться к своей прежней ...

ЗаданAug 07, 2012, 12:38 AMотErrol Fitzgerald
  • 9голос
  • 1ответ
  • 0просмотров

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

У меня есть график площади (должен представлять временной ряд). Я хочу раскрасить график на основе значения y так, чтобы для регионов, где y & gt; c это один цвет, а для области, где y & lt; = c, это другой цвет. Возможно ли это в D3? Вот код, ...

ЗаданAug 07, 2012, 9:31 PMотuser1167650
  • 52голосов
  • 3ответа
  • 0просмотров

Размещение меток в центре узлов в d3.js

Я начинаю с d3.js и пытаюсь создать ряд узлов, каждый из которых содержит метку по центру. Я могу получить желаемый результат визуально, но способ, которым я это сделал, вряд ли является оптимальным, поскольку он предусматривает жесткое ...

ЗаданMay 23, 2017, 11:47 AMотCommunityskyork
  • 10голосов
  • 2ответа
  • 0просмотров

Есть ли событие касания и двойного касания в силовом ориентированном графе d3.js

Я работаю над форсированным графом, используя d3.js. Мне нужно обработать событие касания и двойного касания на узлах для мобильных устройств. Функции наведения мыши и нажатия должны быть воспроизведены как нажатие, так и двойное нажатие в d3.js. ...

ЗаданJun 10, 2014, 9:17 AMотVividDRahul Rout
  • 16голос
  • 1ответ
  • 0просмотров

Настроить статический граф с фиксированным макетом в d3.js

У меня есть пример рабочего кода (только<script type="text/javascript"> часть) статического графа с использованиемd3.js как показано ниже: /* Create graph data */ var nodes = []; for (var i = 0; i < 13; i++) { var datum = { "value": i }; ...

ЗаданJan 19, 2014, 3:48 PMотVividDMLister
  • 35голосов
  • 3ответа
  • 0просмотров

Наложить пути d3 на Google Maps?

Я пытаюсь наложить карту на Карты Google, используя d3.geo и GeoJson. Мне удалось заставить d3 использовать проекцию карты Google для рисования путей, что было на удивление легко. Вот что я имею до сих ...

ЗаданAug 11, 2012, 8:45 PMотHerb Caudill
  • 49голосов
  • 3ответа
  • 0просмотров

Как сделать граф принудительного размещения в D3.js чувствительным к размеру экрана / браузера

У меня есть график с использованием силового макета, но он имеет фиксированную ширинуw и высотаh: var svg = d3.select("#viz").append("svg") .attr("id", "playgraph") .attr("width", w) .attr("height", h) var force = d3.layout.force() ...

ЗаданJan 19, 2014, 10:30 AMотVividDMLister
  • 13голосов
  • 2ответа
  • 0просмотров

Создать контурную карту

Учитывая набор(x, y, z) координаты, как бы мне создать контурную карту? Было бы неплохо узнать, как реализовать вd3 [/questions/tagged/d3]но не возражал бы попытаться реализовать это сам, если бы у меня было какое-то ...

ЗаданAug 18, 2012, 7:42 PMотWex
  • 8голосов
  • 3ответа
  • 0просмотров

Скользящая средняя скользящего в d3.js

Ищете способ построения скользящего / скользящего среднего в d3 без предварительной обработки данных. Поэтому я хочу сгладить линию, усредняя каждую точку данных с двумя после нее. Мой код такой var data = [3, 66, 2, 76, 5, 20, 1, 3, 8, 90, 2, ...

ЗаданAug 16, 2012, 4:38 AMотtjjjohnson
  • 52голосов
  • 4ответа
  • 0просмотров

D3.js принудительно ориентирует граф, уменьшая пересечения ребер, заставляя ребра отталкиваться друг от друга

Итак, у меня уже есть страница, которая рисует ориентированный на силу график, как показано на рисункеВот [http://networkx.lanl.gov/]. И это прекрасно работает. Я использую JS изВот [http://mbostock.github.com/d3/ex/force.html], с несколькими ...

ЗаданFeb 02, 2014, 1:05 AMотVividDwill
Пред12...12След