막 대형 차트에서 X 축 제거

그래서 X 축에 레이블과 물리적 선이없는 막 대형 차트를 만들려고합니다. 이미 왼쪽 여백을 -1로하여 y 축을 제거 할 수 있었지만 X 축에 대해 생성 된 레이블을 유지하려고합니다.막 대형 차트에서 X 축 제거

저는 이미 웹 페이지를 검사하고 x 축 객체를 찾고 <path class="domain" d="M1,6V0H391.5V6" style="domain.height: 0;"></path>에서 <path class="domain" d="M,6V0H391.5V6" style="domain.height: 0;"></path>으로 변경하여이 작업을 제거했습니다.

CSS, HTML 또는 JS를 사용하면 어떻게됩니까? JQuery와 허용하고, 경우

출처

2016-08-04 mmkranz7

은 답변에 Jquery가 허용됩니까? –

y 축은'domain' 클래스의 y 축입니까? –

예 Jquery가 허용됩니다. 그렇지만 왼쪽 여백을 -1로하여 Y 축을 이미 제거했으며 x 축과 동일한 작업을 수행 할 수 있지만 x 축에 생성 된 레이블은 그대로 유지하려고합니다. – mmkranz7

에만 <path> 요소 클래스 domain이있는 경우 : 다른 요소는 domain 클래스의 일부인 경우

$(document).ready(function() { 
    $('.domain').css("display","none"); 
});

,이 작업을 수행하여 domain에서 <path> 요소를 골라 할 수 있습니다 :

$(document).ready(function() { 
    $('path.domain').css("display","none"); 
});

이 효과적으로 Y 축 및 X 축 디스플레이 왼쪽 마진이 음의 설정하므로 불필요 비활성화.

출처

2016-08-04 20:39:29

쿨, 고마워! 처음에는 작동하지 않았지만'$ ('. domain') .css ("display", "none");'그래프를 표시 한 직후에 효과가있었습니다. – mmkranz7

아마도 Bar Chart는 그것과 같은 자신의 함수 종류를 가지고 있음을 의미합니다.ready()'와 jQ가 경쟁하고 있었다 (그리고 마지막으로가는 관점에서). –

답변이 도움이 되었다면 동의하십시오. –

CSS에서, 당신은 간단하게 추가 할 수 있습니다

.domain{ 
    display: none; 
}

외부 CSS 문서에 위의 규칙을 넣고 HTML 문서의 머리에 태그를 추가합니다. http://www.w3schools.com/tags/tag_link.asp

이 어떤 이유로 당신이 자바 스크립트를 필요로하는 경우, 여기에 순수 자바 스크립트의 솔루션, 간단한 솔루션입니다 :

이 링크를 체크 아웃, 그 방법을 모르는 경우

첫째, 위에서 외부 CSS 파일에이 규칙을 추가 :

.display-none{ 
    display: none; 
}

그런 다음, JS 파일이 추가 :

var domainPaths = document.querySelectorAll("path.domain"); 

for(var i=0;i<domainPaths.length;i++){ 
    domainPaths[i].classList.add("display-none"); 
}

이 x와 y 축 모두를 숨 깁니다 .

지금은 복잡해 보일지 모르지만 순수 JS를 배우는 것은 나중에 잘 처리 할 것입니다.

출처

2016-08-04 21:32:44 offbyone

막 대형 차트에서 X 축 제거

답변

관련 문제