2016-12-21 3 views
0

나는 vis.js를 사용하고 있으며 캔버스 상단에 "navigationButtons"옵션을 사용할 때 표시되는 버튼을 정렬하려고합니다. CSS를 사용하여이 작업을 수행했다는 것을 알고 있습니다. 예를 들어 본 사람이 있는지 궁금합니다.vis.js - 버튼이 캔버스 상단에 있도록 "navigationButtons"CSS를 업데이트하십시오.

미리 감사드립니다.

Anadi.

+0

생성 된 코드를 게시 할 수 있습니까? 바이올린 예제를 만들 수 있습니까? – vicgoyso

+0

다음은 CSS에 대한 링크입니다. https://s3-eu-west-1.amazonaws.com/web.imedialibrarysports.com/css/vis.css 관련 스타일은 다음과 같습니다 마주 버튼 마주 업 마주 버튼 마주 다운 vis-button vis-left vis-button vis-right vis-button vis-zoomIn vis-button vis-zoomOut vis-button vis-zoomExtends –

+0

내 대답이 맞으면 올바르게 표시하십시오. 더 나은 해결책, 우리 모두가 공유하고 배울 수 있도록 게시하십시오. – vicgoyso

답변

0

일부 HTML을 사용하는 것이 좋습니다. 그러나 당신은 버튼의 "정렬"을 업데이 트하려는 언급. 그러므로 나는 "바닥 :"과 "오른쪽 :"속성이 당신이 찾고있는 것이라고 가정합니다. 그러나 위쪽으로 정렬하려면 "오른쪽 :"대신 "아래쪽 :"및 "왼쪽 :"대신 "위쪽 :"특성을 사용하는 것이 좋습니다.

예 : 다음은이 4 개의 버튼을 상단을 가로로 수평으로 정렬해야합니다 ... 원하는 "거터 폭"에 맞게 "왼쪽 :"속성을 업데이트하십시오.

div.vis-network div.vis-navigation div.vis-button.vis-up { 
    background-image: url("...png"); 
    top:10px; 
    left:50px; 
} 
div.vis-network div.vis-navigation div.vis-button.vis-down { 
    background-image: url("...png"); 
    top:10px; 
    left:100px; 
} 
div.vis-network div.vis-navigation div.vis-button.vis-left { 
    background-image: url("...png"); 
    top:10px; 
    left:150px; 
} 
div.vis-network div.vis-navigation div.vis-button.vis-right { 
    background-image: url("...png"); 
    top:10px; 
    left:200px; 
}