棒グラフ上のX軸を削除する

Question

したがって、ラベルのみとX軸の物理線がない棒グラフを作成しようとしています。私はすでに左のマージンを-1にしてy軸を削除することができましたが、X軸に対して生成されたラベルを保持したいと思います。

私はすでに自分のWebページを調べて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を使用してこれを行うにはどうすればよいですか？

Answer 1

jqueryのが許可されている場合、および場合にのみ<path>要素はクラスdomainを持っている：

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

他の要素がdomainクラスの一部である場合、あなたはこれを行うことにより、domainで<path>要素を選び出すことができます。

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

これにより、効果的にy軸とx軸の表示が無効になるため、左余白を負に設定する必要はありません。

Answer 2

CSSでは、あなたは、単に追加することができます。

.domain{ 
    display: none; 
} 

は、外部CSS文書で上記のルールを入れて、HTMLドキュメントの先頭にタグを追加します。

あなたがそれを行う方法がわからない場合は、このリンクをチェックアウト：あなたはJavaScriptを必要とするいくつかの理由のために、ここで純粋なJavaScriptで解決策がある場合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を学ぶことで将来的にはうまくいくでしょう。