htmlwidgets를 사용하여 sankeyNetwork에 텍스트 추가 및 배치

debugcn 에 게시 Dev

efz

sankeyNetwork기능으로 생성 된 html 위젯을 수정하기 위해 고군분투하고 있습니다.

여기 에 값 을 반환 하도록 SD함수의 출력 이라고 가정합니다 . 다음 벡터입니다.SankeyDiagram()dput(SD)colorJS

> colorJS
[1] "d3.scaleOrdinal([\" #1f77b4\", \"#aec7e8\", \"#ff7f0e\", \"#ffbb78\", \"#008800\", \"#ff9900\", \"#aaaaaa\", \"#ffcc33\", \"#548235\", \"#00CC00\", \"#203864\", \"#315597\", \"##5A82CA\", \"#3399ff\", \"#33ccff\", \"#999999\", \"#9467bd\", \"#c5b0d5\", \"#8c564b\", \"#c49c94\", \"#e377c2\", \"#f7b6d2\", \"#7f7f7f\", \"#c7c7c7\", \"#bcbd22\", \"#dbdb8d\", \"#17becf\", \"#9edae5\", \"#1f77b4\", \"#aec7e8\", \"#ff7f0e\", \"#ffbb78\", \"#008800 \"])"

sankeyNetwork를 만들려면 다음을 수행합니다.

sankey <- sankeyNetwork(SD$links,SD$nodes,Source = 'source', Target = 'target', Value = 'value', 
NodeID = 'name', sinksRight = FALSE, fontSize = 21, fontFamily = "Verdana", LinkGroup = 'group', NodeGroup = 'group', colourScale =colorJS, nodeWidth = 20, nodePadding = 20 ,                            iterations=0 , margin = list(top=-250, right=-700, left=-400, bottom=150))

    # add title and text   
    sankey <- htmlwidgets::prependContent(sankey, htmltools::tags$h1(paste0('Country Group: ', country,';  Year: ',sYear0[y] )))
    sankey <- htmlwidgets::prependContent(sankey, htmltools::tags$h2('Gases', 'Sectors', 'Stages', 'Categories') )

나는 위젯의 콘텐츠 (Gases, Sectors, Stages, CAtegoroes)가 일종의 x- 축과 같은 그림에서 와 같이 다이어그램의 단계와 수직으로 정렬되도록하고 싶습니다.

이것은 htmlwidgets (또는 다른 트릭)로 달성 할 수 있습니까? 도와 주셔서 감사합니다

efz

다음을 사용하여 해결했습니다.

htmlwidgets::prependContent(sankey, htmltools::includeMarkdown("group.txt"))

여기서 'group.txt'는  공백을 생성하기 위해 여러 번 반복 되는 문자열을 포함합니다 .

우아한 솔루션은 아니지만 작업을 수행합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

htmlwidgets를 사용하여 sankeyNetwork에 텍스트 추가 및 배치

htmlwidgets를 사용하여 sankeyNetwork에 텍스트 추가 및 배치

dash-bootstrap을 사용하여 제목 텍스트를 세로 및 가로 중앙에 배치하는 방법

html 및 css를 사용하여 세 개의 원 아래에 텍스트 배치

HTML 및 CSS를 사용하여 이미지 위에 텍스트 배치

awk 및 Bash를 사용하여 텍스트 파일에 숫자 추가

배치를 사용하여 텍스트 파일의 일부 줄에 접미사 추가

배열 수식의 텍스트 부분에 접두사 및 접미사 텍스트를 추가하는 방법

배치 파일을 사용하여 여러 텍스트 파일의 시작 부분에 텍스트를 추가하려면 어떻게해야합니까?

체크 박스, 텍스트 상자에 값 추가 및 자바 스크립트를 사용하여 선택

여러 가변 단어를 추가하고 텍스트 중앙에 배치

Bash, Perl 및 Regex를 사용하여 텍스트 파일에서 배열로 변수 추출

Windows 배치 스크립트를 사용하여 CSV 파일에 열 추가

jQuery를 사용하여 URL에 텍스트 추가 (추가)

R markdown 및 knitr를 사용할 때 여백에 텍스트가 넘치지 않도록하십시오.

무료 소프트웨어를 사용하여 PDF 파일에 텍스트 주석 및 이미지 추가

이미지에 템플릿을 사용하여 모양, 주석 및 텍스트를 추가하는 도구

이미지에 템플릿을 사용하여 모양, 주석 및 텍스트를 추가하는 도구

이미지에 템플릿을 사용하여 모양, 주석 및 텍스트를 추가하는 도구

plotlyjs 및 vue를 사용하여 boxplot 위에 포인트 배치

Apps Script를 사용하여 Google 문서에서 표의 특정 셀에 텍스트 및 이미지 추가

dplyr 및 stringr를 사용하여 텍스트에서 단어 추출

CSS를 사용하여 div에서 이미지 및 텍스트 위치 지정

html 및 css를 사용하여 div의 텍스트 옆에 로고 이미지 추가

CLI를 사용하여 MAAS에 기계 및 장치 추가

importrange를 사용하여 다른 시트에서 텍스트 및 특정 텍스트 수 가져 오기

잘린 줄 끝에 "추가 정보"텍스트를 배치하는 방법-Javascript

PyQt를 사용하여 편집 불가능한 QComboBox 텍스트 가운데에 배치

ANT 스크립트를 사용하여 MobileFirst에 앱 빌드 및 배치

대리자를 사용하여 항목의 텍스트를 세로로 가운데에 배치 (PySide / Qt / PyQt)

CSS를 사용하여 div에서 텍스트를 세로로 가운데 배치