모바일 오유 바로가기
http://m.todayhumor.co.kr
분류 게시판
베스트
  • 베스트오브베스트
  • 베스트
  • 오늘의베스트
  • 유머
  • 유머자료
  • 유머글
  • 이야기
  • 자유
  • 고민
  • 연애
  • 결혼생활
  • 좋은글
  • 자랑
  • 공포
  • 멘붕
  • 사이다
  • 군대
  • 밀리터리
  • 미스터리
  • 술한잔
  • 오늘있잖아요
  • 투표인증
  • 새해
  • 이슈
  • 시사
  • 시사아카이브
  • 사회면
  • 사건사고
  • 생활
  • 패션
  • 패션착샷
  • 아동패션착샷
  • 뷰티
  • 인테리어
  • DIY
  • 요리
  • 커피&차
  • 육아
  • 법률
  • 동물
  • 지식
  • 취업정보
  • 식물
  • 다이어트
  • 의료
  • 영어
  • 맛집
  • 추천사이트
  • 해외직구
  • 취미
  • 사진
  • 사진강좌
  • 카메라
  • 만화
  • 애니메이션
  • 포니
  • 자전거
  • 자동차
  • 여행
  • 바이크
  • 민물낚시
  • 바다낚시
  • 장난감
  • 그림판
  • 학술
  • 경제
  • 역사
  • 예술
  • 과학
  • 철학
  • 심리학
  • 방송연예
  • 연예
  • 음악
  • 음악찾기
  • 악기
  • 음향기기
  • 영화
  • 다큐멘터리
  • 국내드라마
  • 해외드라마
  • 예능
  • 팟케스트
  • 방송프로그램
  • 무한도전
  • 더지니어스
  • 개그콘서트
  • 런닝맨
  • 나가수
  • 디지털
  • 컴퓨터
  • 프로그래머
  • IT
  • 안티바이러스
  • 애플
  • 안드로이드
  • 스마트폰
  • 윈도우폰
  • 심비안
  • 스포츠
  • 스포츠
  • 축구
  • 야구
  • 농구
  • 바둑
  • 야구팀
  • 삼성
  • 두산
  • NC
  • 넥센
  • 한화
  • SK
  • 기아
  • 롯데
  • LG
  • KT
  • 메이저리그
  • 일본프로야구리그
  • 게임1
  • 플래시게임
  • 게임토론방
  • 엑스박스
  • 플레이스테이션
  • 닌텐도
  • 모바일게임
  • 게임2
  • 던전앤파이터
  • 마비노기
  • 마비노기영웅전
  • 하스스톤
  • 히어로즈오브더스톰
  • gta5
  • 디아블로
  • 디아블로2
  • 피파온라인2
  • 피파온라인3
  • 워크래프트
  • 월드오브워크래프트
  • 밀리언아서
  • 월드오브탱크
  • 블레이드앤소울
  • 검은사막
  • 스타크래프트
  • 스타크래프트2
  • 베틀필드3
  • 마인크래프트
  • 데이즈
  • 문명
  • 서든어택
  • 테라
  • 아이온
  • 심시티5
  • 프리스타일풋볼
  • 스페셜포스
  • 사이퍼즈
  • 도타2
  • 메이플스토리1
  • 메이플스토리2
  • 오버워치
  • 오버워치그룹모집
  • 포켓몬고
  • 파이널판타지14
  • 배틀그라운드
  • 기타
  • 종교
  • 단어장
  • 자료창고
  • 운영
  • 공지사항
  • 오유운영
  • 게시판신청
  • 보류
  • 임시게시판
  • 메르스
  • 세월호
  • 원전사고
  • 2016리오올림픽
  • 2018평창올림픽
  • 코로나19
  • 2020도쿄올림픽
  • 게시판찾기
  • 게시물ID : programmer_18454
    작성자 : 빵미인아
    추천 : 0
    조회수 : 501
    IP : 114.70.***.136
    댓글 : 1개
    등록시간 : 2016/09/19 14:40:35
    http://todayhumor.com/?programmer_18454 모바일
    d3.js에서 node좌표값이 NaN이 됩니다
    옵션
    • 본인삭제금지
    function Updater(obj)
    {
    var dotidx, endidx, filename, file_id, data;

    /* 문장이 속한 파일명, 아이디 추출 */
    dotidx = obj.lastIndexOf('.');
    endidx = obj.length;
    filename = obj.substring(0, dotidx);
    file_id = obj.substring(dotidx+1, endidx);

    /* 저장된 데이터에서 filename 파일의 데이터 불러오기 */
    for(var i=0; i<jsonData.length; i++)
    {
    if(jsonData[i].filename == filename)
    data = jsonData[i].data;
    }

    /* 문장 성분 분석 */
    var isVerb;
    var subject = "";
    var tab_name;
    var tmpIdx;
    var newTab = false;

    $(data.sentence).each(function(pindex, pvalue){
    if(pvalue.id == file_id)
    {
    $(pvalue.SRL).each(function(index, value){
    //현재 탐지된 단어가 동사인지 확인
    isVerb = false
    $(pvalue.dependency).each(function(i, v){
    if(v.id == value.word_id && v.label == "VP")
    {
    isVerb = true;
    }
    });

    //동사가 맞을 경우
    if(isVerb)
    {
    //동사를 뒷받침하는 단어들 분석
    var obj = [];
    $(value.argument).each(function(i, v){
    //동사의 주어에 해당하는 단어일 경우
    if(v.type == "ARG0")
    {
    if(v.text.indexOf("Apple") != -1)
    {
    subject = "Apple";
    }
    else if(v.text.indexOf("Blue") != -1)
    {
    subject = "Blue";
    }
    else if(v.text.indexOf("Cap") != -1)
    {
    subject = "Cap";
    }
    }
    else if(v.type == "ARG1")
    {
    obj.push(v.text);
    }
    });
    //기존에 존재하는 탭의 주어와 현재 문장의 주어를 비교
    if(subject == "")
    {
    console.log("주어 없음!!");
    }
    else
    {
    for(var i=0; i < tmpData.length; i++)
    {
    if(tmpData[i].tab_name == subject)
    {
    tmpIdx = i;
    break;
    }
    else if(i == tmpData.length-1)
    {
    //새로운 탭 정보 저장
    tmpIdx = i+1;
    tmpData.push({tab_name: "", tab_Number: 0, groupNum: 0, nodes: [], edges: []});
    tmpData[tmpIdx].tab_name = subject;
    tmpData[tmpIdx].groupNum++;
    tmpData[tmpIdx].nodes.push({name: "", group: 0, id: 0, type: "subject"});
    tmpData[tmpIdx].nodes[0].name = subject;
    newTab = true;
    tab_name = subject;
    }
    }

    var newobj = [];
    for(var i=0; i<obj.length; i++)
    {
    newobj[i] = "new";
    }

    //기존의 노드들과 현재 동사 비교
    var verbIdx, verb, verbGroup;
    var end = tmpData[tmpIdx].nodes.length;
    for(var i=0; i<end; i++)
    {
    if( (tmpData[tmpIdx].nodes[i].type == "verb") && (tmpData[tmpIdx].nodes[i].name.indexOf(value.verb) != -1) )
    {
    console.log("동사 동일");
    verbIdx = i;
    verbGroup = tmpData[tmpIdx].nodes[i].group;

    //목적어 존재 여부 확인
    for(var k=0; k<tmpData[tmpIdx].nodes.length; k++)
    {
    console.log("k는 "+k);
    if(tmpData[tmpIdx].nodes[k].type == "object")
    {
    for(var j=0; j<obj.length; j++)
    {
    console.log("j는 "+j);
    if(tmpData[tmpIdx].nodes[k].name == obj[j])
    {
    newobj[j] = "old";
    break;
    }
    }
    }
    }
    for(var k=0; k<newobj.length; k++)
    {
    //새로운 목적어들만 새 노드로 추가
    /*if(newobj[k] == "new")
    {*/
    tmpData[tmpIdx].nodes.push({name: "", group: 0, id: 0, type: "object"});
    tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1].name = obj[k];
    tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1].group = verbGroup;
    tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1].id = tmpData[tmpIdx].nodes.length-1;

    tmpData[tmpIdx].edges.push({source: 0, target: 0});
    tmpData[tmpIdx].edges[tmpData[tmpIdx].edges.length-1].source = verbIdx
    tmpData[tmpIdx].edges[tmpData[tmpIdx].edges.length-1].target = tmpData[tmpIdx].nodes.length-1;

    console.log(tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1]);
    // }
    }
    break;
    }
    else if(i == tmpData[tmpIdx].nodes.length-1)
    {
    //새로운 동사노드 추가
    verbIdx = i + 1;
    $(pvalue.dependency).each(function(i, v){
    if(v.id == value.word_id)
    verb = v.text;
    });
    tmpData[tmpIdx].nodes.push({name: "", group: 0, id: 0, type: "verb"});
    tmpData[tmpIdx].nodes[verbIdx].name = verb;
    tmpData[tmpIdx].nodes[verbIdx].group = tmpData[tmpIdx].groupNum++;
    tmpData[tmpIdx].nodes[verbIdx].id = verbIdx;
    verbGroup = tmpData[tmpIdx].nodes[verbIdx].group;

    tmpData[tmpIdx].edges.push({source: 0, target: 0});
    tmpData[tmpIdx].edges[tmpData[tmpIdx].edges.length-1].target = verbIdx;

    //목적어 노드 추가
    for(var k=0; k<newobj.length; k++)
    {
    tmpData[tmpIdx].nodes.push({name: "", group: 0, id: 0, type: "object"});
    tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1].name = obj[k];
    tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1].group = verbGroup;
    tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1].id = tmpData[tmpIdx].nodes.length-1;

    tmpData[tmpIdx].edges.push({source: 0, target: 0});
    tmpData[tmpIdx].edges[tmpData[tmpIdx].edges.length-1].source = verbIdx
    tmpData[tmpIdx].edges[tmpData[tmpIdx].edges.length-1].target = tmpData[tmpIdx].nodes.length-1;

    console.log(tmpData[tmpIdx].nodes[tmpData[tmpIdx].nodes.length-1]);
    }
    }
    }
    }
    //isVerb = false;
    }
    else
    {
    console.log("동사 없음!!!");
    }
    });

    if(subject != "" && isVerb)
    {
    /* 탭 추가 */
    var tabNum, svg;

    //새 탭 추가
    if(newTab)
    {
    console.log("탭추가");
    tabNum = ++tab_Num;
    tmpData[tmpIdx].tab_Number = tabNum;

    $("#tab").append('<span id="temp_tab" onclick="Tab(this.id, this);" style="padding: 0pt 5px; cursor: pointer;"><text>' + tab_name + '</text></span>');
    var temp;
    temp = document.getElementById("temp_tab");
    temp.id = tabNum;
    temp.name = tab_name;

    w = 1420;
    h = 883;
    svg = d3.select("#graph")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .attr("id", "cont_" + tabNum)
    .attr("display", "none");

    newTab = false;
    isVerb = false;
    }
    else
    {
    tabNum = tmpData[tmpIdx].tab_Number;

    var deleteTab = document.getElementById("cont_" + tabNum);
    $(deleteTab).remove();

    w = 1420;
    h = 883;
    svg = d3.select("#graph")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .attr("id", "cont_" + tabNum)
    .attr("display", "block");
    }

    console.log(tmpData[tmpIdx]);

    /* 그래프 그리기 */
    console.log(tmpData[tmpIdx].nodes);
    var force = d3.layout.force()
    .nodes(tmpData[tmpIdx].nodes)
    .links(tmpData[tmpIdx].edges)
    .size([w, h])
    .linkDistance([150])
    .charge([-1200])
    .gravity(.07)
    .start();

    var colors = d3.scale.category20();

    //Create edges as lines
    var edges = svg.selectAll("line")
    .data(tmpData[tmpIdx].edges)
    .enter()
    .append("line")
    .style("stroke", "#ccc")
    .style("stroke-width", 2);

    //Create nodes as circles
    var nodes = svg.selectAll("circle")
    .data(tmpData[tmpIdx].nodes)
    .enter()
    .append("circle")
    .attr("r", 40)
    .style("fill", function(d, i) {
    return colors(d.group);
    })
    .call(force.drag);

    var text = svg.selectAll("text")
    .data(tmpData[tmpIdx].nodes)
    .enter()
    .append("text")
    .text(function(d){ return d.name });

    //Every time the simulation "ticks", this will be called
    force.on("tick", function() {
    edges.attr("x1", function(d) { return d.source.x; })
    .attr("y1", function(d) { return d.source.y; })
    .attr("x2", function(d) { return d.target.x; })
    .attr("y2", function(d) { return d.target.y; });

    nodes.attr("cx", function(d) { return d.x; })
    .attr("cy", function(d) { return d.y; });

    text.attr("x", function(d) { return d.x })
    .attr("y", function(d) { return d.y })
    .attr("text-anchor", "middle");
    });
    }
    console.log(file_id);
    }
    });
    }


    이게 코드인데 여기서 node의 좌표값이 전부 NaN으로 설정되는 노드도 있네요..
    왜그런거죠?

    이 게시물을 추천한 분들의 목록입니다.
    푸르딩딩:추천수 3이상 댓글은 배경색이 바뀝니다.
    (단,비공감수가 추천수의 1/3 초과시 해당없음)

    죄송합니다. 댓글 작성은 회원만 가능합니다.

    번호 제 목 이름 날짜 조회 추천
    23461
    로또 [2] 까망사투리 25/02/12 13:13 410 2
    23459
    C++ 입문전 초보자입니다. Qt / wxWidgets / FLTK 어떤 [6] OMG! 24/12/07 00:28 938 0
    23458
    [KOCCA] 2024 게임콘텐츠 제작지원 이용자평가 체험단모집 장파랑 24/11/26 16:56 921 0
    23457
    [한국콘텐츠진흥원] 2024 게임콘텐츠 제작지원 이용자평가 이용자 모집 장파랑 24/11/18 14:02 954 0
    23456
    [한국콘텐츠진흥원] 2024 게임콘텐츠 제작지원 이용자평가 이용자 모집 장파랑 24/10/28 18:24 1352 0
    23455
    논문 읽는 사람들을 위한 문서 번역 서비스 rWhale 24/10/10 13:06 1683 2
    23453
    로또번호 [2] 까망사투리 24/09/19 11:10 2311 2
    23452
    AI와 함께가는 코딩 업계 [1] 펌글 우가가 24/09/02 22:19 2558 9
    23451
    Switch문 도배된 2100줄 짜리 함수 [4] 펌글 우가가 24/08/26 22:37 2419 4
    23450
    개인정보 수집 없는 이미지 리사이즈 사라밍 24/08/23 20:31 1826 0
    23449
    디자인 패턴의 템플릿 메소드 패턴 실무 적용 사례 [1] 써니썬 24/08/23 16:47 1837 1
    23448
    TMDB API Key 얻을 때 동의하게 되는 면책 및 포기 조항 우가가 24/08/18 16:07 1843 1
    23447
    펌) 아무튼 개쩌는 번역기를 국내기술로 개발완료 했다는 소식 [1] 펌글 우가가 24/08/15 17:30 2109 2
    23446
    쿠팡 가격 변동 추적 알림 서비스 피드백 요청 (제발) 창작글펌글 애오옹 24/08/10 14:30 2058 0
    23445
    넥사크로 17.1 관련 [2] 본인삭제금지 나르하나 24/08/01 12:30 2045 0
    23444
    개밯자 의자에 머리받침 없어 [2] 까망사투리 24/07/25 13:32 2437 1
    23443
    안드로이드 EditText 리스너 연동 문의드립니다. - 해결됨 [1] 창작글 상사꽃 24/07/01 17:47 2308 2
    23442
    펌) 파이어폭스 엔진이 신인 이유 [1] 펌글 우가가 24/06/30 23:25 2911 2
    23441
    예전에는 함수 하나에 대한 기능에 고민을 많이 했는데.. ssonacy 24/05/21 09:45 2675 0
    23440
    c++ 에서 DB 쿼리문처럼 사용할 방법이 있을까요? [8] 상사꽃 24/05/19 11:10 2831 0
    23439
    쉬운 배터리 알림 창작글 언젠가아자 24/05/14 10:47 2965 0
    23438
    아후 서터레스 [1] NeoGenius 24/04/02 17:52 2649 1
    23436
    로또 [3] 까망사투리 24/03/11 15:53 3331 4
    23434
    copilot 기업유료버전 intelliJ에 붙여서 쓰고있는데 지리네요 안녕월드 24/02/22 00:15 3337 0
    23433
    코딩마을 대나무숲 [6] cocoa 24/02/20 14:50 3504 5
    23432
    (질문) 프로그래머분들은 싱글PC게임 레벨제한 풀수 있죠?? [23] 본인삭제금지 할배궁디Lv2 24/02/13 13:36 3513 1
    23431
    Freemium NeoGenius 24/02/13 13:23 2946 0
    23429
    부산에서 프로그래머 구인하는데 연봉 6천에서 8천 작은건가 [3] 폴팡 24/02/04 20:50 3856 1
    23427
    chatgpt? bard? [3] 별빛러브 24/01/25 06:24 3080 0
    23426
    Next.js로 만들어봤어요~ [2] 창작글 sonnim 24/01/24 12:52 3318 3
    [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [다음10개▶]
    단축키 운영진에게 바란다(삭제요청/제안) 운영게 게시판신청 자료창고 보류 개인정보취급방침 청소년보호정책 모바일홈