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

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

Here是类似的提琴。

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

最佳答案

我会在CSS中执行此操作:

.tick line{
  visibility:hidden;
}

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

如果您只是想隐藏x轴刻度线，那么我将给该轴一个ID而不是您现在拥有的类，并且在您的CSS中有类似的东西(如果您给它提供xAxis的ID):

#xAxis.tick line{
      visibility:hidden;
    }

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

关于d3.js - 删除D3/酒窝中的刻度线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36641788/