Articles of d3.js

граница для столбчатой ​​диаграммы стека d3 при выборе

Попытка реализовать границу для выбранного столбца в гистограмме стека d3. Здесь верхняя граница первого бара немного отстает от второго бара. Как этого избежать? var svg, height, width, margin, parentWidth, parentHeight; // container size parentWidth = 700; parentHeight = 500; margin = {top: 50, right: 20, bottom: 35, left: 30}; width = parentWidth – margin.left – […]

Как вычислить функцию плотности вероятности в JavaScript

Примечание. В этом вопросе я спросил, как добавить линию распределения к диаграмме. Это мой текущий статус: Я не совсем понимаю, как построить две кривые распределения для гистограмм. Как это: Это мой код (с использованием D3.js версии 4): .bar1 rect { fill: rgba(0,0,255,0.6); } .bar1:hover rect{ fill: rgba(0,0,255,0.9); } .bar1 text { fill: #fff; font: 10px […]

Как применить предпочтения к узлу d3.tree

Я адаптировал код из https://bl.ocks.org/mbostock/4063550 чтобы сделать хорошую фигуру для аккуратного расположения слоистых узлов. Предположим, что у меня есть похожий файл flare.csv, как на веб-странице. В коде теперь назначается цвет, основанный на том, находится ли узел во внутреннем круге (что означает, что узел имеет две ссылки) или на внешнем круге. Вместо этого я хочу назначить […]

Включить json в это представление календаря d3.js?

Я новичок в d3-диаграммах и javascript, и это была тяжелая битва. После нескольких исследований я смог заполнить диаграмму CSV-файлом. Итак, теперь я пытаюсь заполнить диаграмму данными json . Это мой код. Это свободно основано на этом примере . Но я предпочитаю использовать мой код (т. Е. D3.v4): var width = 960, height = 136, cellSize […]

Как скрывать несколько svg для png на одной странице html?

Я использовал d3 и venn.js для создания этой диаграммы venn. Код идет здесь: Svg фактически создан внутри div venn2 этими сценариями. var sets = [ {sets:[“A”], size: 12, label: “A”}, {sets:[“B”], size:12, label: “B”}, {sets: [“A”, “B”], size: 4, label: “AB”} ]; var chart = venn.VennDiagram() .wrap(false) .fontSize(“14px”) .width(400) .height(400); function updateVenn(sets) { var div […]

Как сделать отзывчивую анимацию canvasа, используя библиотеку D3

Я разрабатываю простую анимацию с использованием библиотеки d3.js и показываю ее через canvas, но мой canvas не реагирует. В начале кода я устанавливаю исходную ширину до 960 и высоту до 500, но как я могу сделать ее изменчивой (отзывчивой)? Я не использую CSS для применения некоторого стиля (ширины и высоты) к canvasу, я использую JavaScript […]

В частности, на мобильном устройстве прокрутите div из любого места (без использования jQuery-плагинов)?

Из исходного вопроса мы успешно использовали D3js для обнаружения события прокрутки, которое мы используем для прокрутки #scroll-content прокрутки div #scroll-content из любого места; однако это решение работает на рабочем столе, но не работает на мобильных устройствах. Пример проблемы: gh-pages – пример работает на рабочем столе, но не на мобильном устройстве. jsfiddle – пример работает на […]

Могу ли я перегрузить IE-режим из HTML?

Я пытаюсь запустить визуализацию D3 . Я размещаю свой HTML / CSS / JS на внутреннем веб-сайте sharepoint, на котором работает IE, который заставляет меня из IE11 в среду IE8 на мою консоль: HTML1122: Internet Explorer is running in Enterprise Mode emulating IE8. Я понимаю, что графическая карта d3 не поддерживается вообще в IE8. Я […]

Как изменить цвет всех ссылок с определенным начальным и окончательным d.data.id в коде d3.tree tidy?

До сих пор я получил отличные ответы и ответы относительно моего предыдущего вопроса о коде d3.tree. У меня еще два вопроса и надеюсь, что кто-то любезно поможет мне. Предположим, что у меня есть тот же файл flare.csv, что и в моем предыдущем вопросе (с небольшими изменениями), то есть, A AA AAB AAC AB ABC AC […]

связывание javascript-объекта с элементом SVG

objective Я хотел бы связать созданный d3.js элемент SVG с объектом javascript – таким образом, когда элемент SVG становится доступным в прослушивателе событий, я могу напрямую вернуться к объекту javascript. Это, однако, похоже, не работает в моем случае, как описано ниже. (Мотивация) У меня есть много элементов SVG, каждый из которых логически связан с одним […]

Intereting Posts
счетчик строк для строки таблицы html заполнить div двумя цветами? Как скрыть родительский элемент с помощью jquery? jQuery – Как выбрать атрибут Изменение navigator.userAgent с использованием расширения Chrome Получить html страницы, обработанной javascript (после взаимодействия с ней) Невозможно установить favicon, используя страницы Jekyll и github Цепочки вызовов методов не работают на оригинальном и клонированном элементе, почему? angular2: Поставляемые параметры не соответствуют какой-либо сигнатуре целевого вызова, хотя у меня есть все необходимые параметры Использование файла cookie для удаления и добавления classов в список элементов Событие Blur () не запускается в браузерах webkit для выбранной формы Сохранить JPG в прогрессивном формате JS – настройка цвета фона фона с использованием переменной Как установить цвет фона и подчеркнуть для ImageSpan Текст не начинается с левого верхнего края текстового поля ввода