删除d3/dimple中的刻度线

Question

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

这是一个类似的小提琴.

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;
    }

更新小提琴:http://jsfiddle.net/thatoneguy/1hotquwf/10/

Answer 2

对于 d3.js v5，使用这个：

axis.tickSize(0)

相关文档