2016-04-15 24 views
3

関連ラベルを削除せずに目盛りを削除するにはどうすればよいですか?ラベル( "バナナ"など)は残したいが、ハイライトされたダニは保存しない。d3 /ディンプルの目盛りを削除

Hereは、同様のフィドルです。

Tick Marks

var svg = dimple.newSvg("#chartContainer", 1000, 1000); 
var data = [ 
     { "date" : '2016-01-01', "project" : "Grape", "status" : 1 }, 
     { "date" : '2016-01-08', "project" : "Grape", "status" : -2 }, 
     { "date" : '2016-01-07', "project" : "Apple", "status" : 3 }, 
     { "date" : '2016-01-08', "project" : "Apple", "status" : 1 }, 
     { "date" : '2016-01-02', "project" : "Banana", "status" : -2 }, 
     { "date" : '2016-01-15', "project" : "Banana", "status" : 2 }, 
    ]; 
var chart = new dimple.chart(svg,data); 
chart.setBounds(100, 100, 500, 300); 
var x = chart.addCategoryAxis("x", "project"); 
var y = chart.addTimeAxis("y", "date", "%Y-%m-%d", "%Y-%m-%d"); 

y.addOrderRule("date"); 

var lines = chart.addSeries(["project"], dimple.plot.line, [x, y]); 

lines.data = data; 
lines.lineWeight = 5; 
lines.lineMarkers = true; 

chart.draw(); 

答えて

7

私はCSSでこれを行うだろう:

.tick line{ 
    visibility:hidden; 
} 

基本的に目盛り内のすべての行を非表示にすることができます。

x軸の目盛りを非表示にしたい場合、私はその軸にあなたが今持っているクラスではなくIDを与え、あなたにはそういうものがあります(これはID x軸):

#xAxis.tick line{ 
     visibility:hidden; 
    } 

更新フィドル:http://jsfiddle.net/thatoneguy/1hotquwf/10/

+1

それは私にすべての魔法です。フロントエンドのものを手に入れて5年ぶりに... ...頭痛を和らげてくれてありがとう。 – Alice

+0

問題はありません:)私は感情を知っています:P – thatOneGuy

関連する問題