Мобильный пузырьковый график D3.js

Question

Мобильный пузырьковый график D3.js

1

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

Какая часть кода в D3.js меняет мобильный дисплей?

Вы можете визуализировать мой проект из этой ссылки (некоторые вещи не работают, как фоновое изображение, но пузыри есть. Мы видим их в режиме планшета и рабочего стола, но не в режиме сотового телефона). Вы можете получить доступ к странице github, следуя одному и тому же пути: https://rawgit.com/aubertsigouin/canAi/master/index.html

asl 16 июль 2018, в 17:05

Источник

0

Можем ли мы увидеть ваш код, пожалуйста?
pmkro 16 июль 2018, в 14:28
0

Вот мой файл JS
asl 16 июль 2018, в 14:33
0

Вот пример проекта, вы можете получить доступ ко всему проекту, перейдя на github с тем же путем: rawgit.com/aubertsigouin/canAi/master/index.html . Некоторые вещи не работают на rawgit, такие как фоновое изображение и прочее, но вы можете видеть, как я могу отображать пузыри в режиме рабочего стола и планшета, но не в режиме мобильного телефона.
asl 18 июль 2018, в 13:35

Показать ещё 1 комментарий

Теги:

javascript

d3.js

1 ответ

Ещё вопросы

Можем ли мы увидеть ваш код, пожалуйста?
Вот пример проекта, вы можете получить доступ ко всему проекту, перейдя на github с тем же путем: rawgit.com/aubertsigouin/canAi/master/index.html . Некоторые вещи не работают на rawgit, такие как фоновое изображение и прочее, но вы можете видеть, как я могу отображать пузыри в режиме рабочего стола и планшета, но не в режиме мобильного телефона.

rioV8 · Answer 1 · 2018-07-16T14-12-00.000Z

Ваш svg больше, чем экран?

Вы можете установить размер svg на основе размера окна.

let svg = d3.select('#teck-stack-svg');
svg.attr('width', window.innerWidth);
svg.attr('height', window.innerHeight);