d3.js - 删除 d3/酒窝中的刻度线

Question

如何在不删除相关标签的情况下删除刻度线？我想保留标签(“香蕉”等)，但不保留突出显示的刻度。

Here是一个类似的 fiddle 。

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();

Answer 1

我只会在 CSS 中这样做:

.tick line{
  visibility:hidden;
}

基本上所有刻度线内的线都可以隐藏。

如果您只想隐藏 x 轴刻度，我会给该轴一个 ID 而不是您现在拥有的类，并且在您的 css 中具有这样的内容(如果您给它一个 xAxis 的 ID):

#xAxis.tick line{
      visibility:hidden;
    }

更新 fiddle : http://jsfiddle.net/thatoneguy/1hotquwf/10/