angular.js-Angular와 함께 d3(js 라이브러리)를 사용하는 방법은 무엇입니까?

각도를 사용하여 명령을 캡슐화하고 d3.js 그리기 기능을 작성하고 싶습니다. 먼저 인터넷에 있는 예제를 따라 d3.js를 팩토리로 래핑했습니다. js 파일 이름은 d3.js입니다. 그런 다음 d3.js의 히스토그램 그림을 directive.js 파일에 캡슐화했습니다. 페이지..

黄舟 2017-05-15 17:01:40 0  2  603

원형 경로를 따라 이동하는 d3 js 원형 애니메이션 호흡 앱

d3js 애니메이션 호흡 앱 특정 간격으로 경로 주위를 회전하는 원의 애니메이션을 만들고 해당 간격을 제어하여 속도를 높이거나 낮출 수 있기를 원합니다. 내 코드는 현재 다음과 같습니다. 원 경로를 따라 이동하도록 원을 설정하는 방법 - 상위 원 자체가 들락날락 "호흡"하게 만드는 방법 2023년 7월 27일 - 현재 베이스 <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/ d3/4.13.0/d3.min.js"&g

P粉191610580 2023-09-14 15:46:55 0  1  623

Vue.js 대 D3.js - 강제 조롱

현재 Restful-Api 호출을 사용하고 정보를 사용하여 d3.js 강제 모의를 수행하려고 합니다. 문제는 API의 데이터를 사용할 때 데이터가 없으면 이를 처리하기 위해 모의 객체가 호출된다는 것입니다. 다음 틱을 기다리면 this.$nextTick(simu) 모든 위치가 NaN이 됩니다. 이런 행동에 이유가 있나요? constURL='https://jsonplaceholder.typicode.com/posts';newVue({el:'#app',

P粉378264633 2024-03-21 22:39:24 0  1  453

React + d3 - 내 <g> 요소가 onClick 리스너에 응답하지 않는 이유는 무엇입니까?

저는 d3을 처음 접했고 React와 d3 사이에 충돌이 있을 수 있다는 것을 알고 있습니다. 이것은 그 중 하나일 수 있습니다. d3의 확장 가능한 동작을 구현하는 svg가 있습니다. svg 내부의 요소를 드래그할 수 있기를 원합니다. 내 첫 번째 시도는 콘솔에 무언가를 기록하기 위해 onClick 리스너를 넣는 것이었지만 작동하지 않았습니다. 내가 여기서 무엇을 놓치고 있는지 설명해 주실 수 있나요? d3 스케일링 동작이 클릭 이벤트를 가로채는 것 같습니다. 감사해요. 코드는 다음과 같습니다. 확대/축소 기능이 있는 그리드입니다...

P粉504080992 2024-01-29 13:48:01 0  1  555

d3.js를 확대할 때 산점도 값이 유지되지 않습니다.

d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들려고 합니다. 지금까지는 거의 모든 것이 잘 작동하고 있지만 확대/축소하면 x축의 크기가 올바르게 조정되지 않지만 y축은 제대로 작동하는 것을 알 수 있습니다. 예를 들어 원래 플롯을 볼 때 x축의 한 지점은 약 625일 수 있지만 확대하면 동일한 지점이 600보다 작아집니다. 이는 y축에서는 발생하지 않습니다. 점의 크기가 올바르게 조정됩니다. 스케일링 함수의 x축 스케일...

P粉294954447 2024-04-06 18:16:26 0  1  805

javascript - 버블 링 설명이 아닌 이벤트 선택

질문하고 싶습니다. 마우스로 드롭다운 상자를 클릭하면 s1 d3 d2 d1이 나타나는 이유는 무엇입니까? 드롭다운 상자에서 숫자 s1 d3 d2 d1이 나타납니다. 다시 나타납니다. {코드... }

仅有的幸福 2017-07-05 10:54:59 0  2  860

D3로 지도를 생성했지만 국가 데이터가 표시되지 않습니다.

topojson에서 D3를 사용하여 지도를 만들었지만 html에는 국가에 대한 데이터가 아직 표시되지 않습니다. 여러분, 안녕하세요! topojson 파일의 d3를 사용하여 유럽 지도를 생성했습니다. 이것은 내 코드입니다. constsvg=d3.select('body').append('svg').attr('width',width).attr('height',height);constprojection=d3.geoMercator().sc

P粉285587590 2024-04-02 10:29:33 0  1  467

React useNavigate 탐색("/")이 제대로 작동하지 않습니다(+d3.js)

사용자가 목록에 있는지 확인하고 그렇다면 사용자 이름을 localStorage에 넣은 다음 console.log에 따라 ("/")로 리디렉션하는 기본 로그인을 구현 중입니다. 리디렉션되었다고 표시되지만 실제로는 그렇지 않습니다. 리디렉션됨: import{useNavigate}from'react-router-dom';functionLogin({fakeData}){const[username,setUsername]=useState(

P粉071743732 2023-09-12 20:44:05 0  1  657

재정의를 수행할 때 필드 및 조건의 유효성을 검사하는 방법

우리는 중앙 서버와 d1, d2, d3, d4, d5와 같은 여러 지역 서버를 보유하고 있습니다. 복사할 테이블이 몇 개 있습니다. 단순화를 위해 d1, d2, d3, d4, d5 및 c에 존재하고 모든 서버에서 동일한 구조를 갖는 tblFoo라는 테이블이 있다고 가정해 보겠습니다. 규칙은 간단합니다. 레코드가 서버 d에 존재하면 서버 c에도 존재하며 각 필드에 대해 정확히 동일한 값이 있습니다. 레코드가 서버 d(예: d1)에 존재하면 어떤 것에도 존재하지 않습니다. 다른 d 서버

P粉448346289 2024-01-10 18:06:26 0  1  446

R의 r2d3: 같은 줄에 두 개의 플롯을 나란히 표시하는 방법은 무엇입니까?

r2d3 패키지를 사용하면 다음과 같이 RMarkdown에서 간단한 d3.js 차트를 렌더링할 수 있습니다. barchart.js://!previewr2d3data=c(0.3,0.6,0.8,0.95,0.40,0.20)varbarHeight=Math.floor( height/ data.length);svg.selectAll("direct").data(data).enter().appe

P粉543344381 2023-09-03 16:23:03 0  1  699

javascript - 이 페이지를 만드는 방법은 무엇입니까? D3.js인 것은 알지만 이해하지 못합니다.

http://www.koalastothemax.com/

天蓬老师 2017-06-26 10:49:49 0  1  840

디스플레이 인라인 블록 및 상자 크기 조정: 테두리 상자 속성을 사용하여 두 개의 div를 함께 배치할 때 테두리가 다를 때 흰색 빈 영역이 나타나는 이유는 무엇입니까?

이 코드를 고려해 보세요. d3과 d4가 정렬되지 않은 이유는 무엇입니까? d4 상단의 공백은 무엇입니까? .myContainer{display:block;}#d3{width:150px;height:150px;border:5pxsolid#aef704;padding:25px; background-color:blueviolet;box-sizing:border-box;display:inline-block;} #d4

P粉373596828 2023-09-13 13:45:36 0  1  623

npm으로 설치된 d3 js에 레이아웃 방법이 포함되어 있지 않습니까? 같은 문제를 겪는 동급생이 있나요?

(www.sf.gg)는 중국 최고의 개발자 기술 커뮤니티입니다. 프로그래밍 매니아들을 위한 순수하고 수준 높은 기술 교류 플랫폼을 제공하고, 개발자들과 함께 배우고 소통하며 성장하며 개발자들을 위한 시대를 만들어 나가고자 합니다!

高洛峰 2017-05-18 10:54:51 0  1  567

angular.js - AngularJS는 Json을 요청하고 이를 지시문에 할당합니다.

D3.js를 사용하여 각도로 그림을 그리려면 다음 방법을 사용하고 있습니다. 첫 번째 부분은 그리기 기능을 구현하는 것입니다. directive.js에 지침 작성, Controller.js에 범위 작성, 페이지 div에 지침 작성이 포함됩니다. 내 질문은: Controller.js에서 범위 값을 설정할 때...

仅有的幸福 2017-05-15 17:01:52 0  4  673

javascript - 알려진 세 점의 좌표, 세 점까지의 거리 비율, 알려지지 않은 점의 좌표 찾기

알려진 세 점 p1(x0, y0), p2(x1, y1) p3(x2, y2)의 좌표와 세 점 d1의 비율을 가르쳐 주세요. , d2, d3, 미지점의 좌표 찾기 참고사항: 1. M은 p1, p2, p3으로 구성된 삼각형 안에 있지 않을 수 있습니다. 불가능하다면 학교에 갈 준비를 하세요. 머물다.

PHP中文网 2017-07-01 09:11:54 0  4  854

angle.js - anglejs 지시문 + D3, 범위 데이터가 업데이트된 후 시각화가 다시 생성된 후 새 이미지가 이전 이미지에 직접 오버레이됩니다.

transclude를 추가한 후에는 템플릿의 내용이 지워져야 하는데 데이터를 업데이트할 때마다 원본 그림이 그대로 남아 있는 것인가요? 지시어 {code...}는 아래와 같이 지시어 {code...}를 호출합니다.

淡淡烟草味 2017-05-15 16:50:46 0  1  643

MySQL - 복잡한 계층적 관계 - 다중 M:N?

d3.js 트리/덴드로그램에 대한 계층적 JSON을 작성하기 위해 PHP와 함께 사용하는 MySQL 쿼리가 있습니다. 스키마와 기존 쿼리를 보려면 바이올린을 사용하세요. 이제 program_outcome 데이터 O와 단위 데이터 U, development_level 데이터 사이에 다대다 관계인 추가 데이터 관계 D를 추가하는 방법을 고려 중입니다. 아래 그림과 같이 D의 종류는 3가지 뿐입니다. 필요한 개념 다이어그램: 각 U는 각 O의 하나의 D에만 관련됩니다(명확성을 위해 하나의 O 분기만 표시됨). 따라서 U는 D의 후손이고 ...

P粉354948724 2024-03-29 18:28:45 0  1  507

url-rewrite - nginx 디렉토리 이후의 슬래시 문제

환경: nginx 버전이 1.2.6입니다. 최근 프로젝트 작업 중 이상한 문제가 발생했습니다. URL을 다시 디자인하고 싶어서 다음과 같은 nginx rewrite 규칙을 사용했습니다. {Code...} 이 rewrite 규칙은 일반적으로 사용됩니다. . 무슨 문제가 있는진 모르겠지만~ (조언좀 부탁드려요) 이건 써본적이 없어서...

给我你的怀抱 2017-05-16 17:29:15 0  2  824

개발 환경 서버인 Nginx는 정적 파일 캐시를 지울 수 없습니다.

개발 환경으로 Debian 6+nginx 0.7.67(apt 설치)을 사용하고 있는데, 정적 파일(js, css, html)을 수정한 후에는 Proxy_cache가 구성되지 않은 것으로 나타났습니다. 만료에는 문제가 없는 것 같습니다. 브라우저를 변경해도 작동하지 않습니다(curl 명령으로 검색함). 모두 캐시된 파일입니다. nginx가 보내는 것은...

大家讲道理 2017-05-16 17:29:18 0  1  589

Nginx에서 502 문제를 빠르게 찾는 방법

제 홈페이지에 502가 가끔 나오네요.. 복잡한 논리는 아니지만 꼭 매번 나타나는 것은 아니지만, 이 문제가 어디에 있는지 알 수 있는 방법이 있나요? error_log 및 access_log에서 어떤 문제도 볼 수 없습니다.

phpcn_u1582 2017-05-16 17:29:19 0  1  841