刪除條形圖上的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來做到這一點？

來源

2016-08-04 mmkranz7

是Jquery允許的答案嗎？ –

也是'domain'類的y軸嗎？ –

是的Jquery是允許的，是的，但我已經通過使左邊距-1刪除了Y軸，並且我可以對我的x軸執行相同的操作，但是我想保留在x軸上生成的標籤。 – mmkranz7

如果jQuery是允許的，如果只有<path>元素具有類domain：

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

如果其他要素是domain類的一部分，你可以這樣做只取出domain的<path>元素：

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

這樣可以有效地禁用y軸和x軸的顯示，所以不需要設置左邊距負值。

來源

2016-08-04 20:39:29

很酷，謝謝！它起初並沒有工作，但當我添加'$（'。domain'）.css（「display」，「none」）;'在我顯示它工作的圖表之後。 – mmkranz7

這可能意味着條形圖有它自己的功能類似'。準備好（）'jQ與之競爭（並且以最後的方式失敗）。 –

如果答案有幫助，請接受。 –

在CSS中，你可以簡單地添加：

.domain{ 
    display: none; 
}

把上面的規則外部CSS文檔中和標籤添加到HTML文檔的頭部。

如果你不知道該怎麼做，看看這個鏈接：http://www.w3schools.com/tags/tag_link.asp

這是最簡單的解決方案，如果由於某種原因，你需要的JavaScript，這裏是純JavaScript的解決方案。

首先，從上面添加此規則到外部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軸

回答

相關問題