我想绘制一个主要和次要刻度线不同的轴.
这个例子http://bl.ocks.org/vjpgo/4689130粗略地做了我想要的,但我不能让它与D3的V3一起工作.
是.subDivide()一种弃用的方法?我在当前的文档中看不到它:https://github.com/mbostock/d3/wiki/SVG-Axes
如果是这样,在D3的V3中绘制主要和次要刻度的最佳方法是什么?我应该绘制两个完全不同的轴吗?
有没有办法设置一个特定的刻度,如果我使用x [0,100]和y [0,100]并且我想绘制或设置(0,50)和(50,0)的刻度?
我想在D3的轴上绘制小数.但在最新的D3中似乎是不可能的.
有了axis.tickSubdivide()函数来绘制小数,但我认为这已被弃用.(https://github.com/mbostock/d3/commit/bd0ce6cab8a2b0d2aaffc7ce21a873fc514eb8ed)
并且axis.tickSubdivide()不再位于API(https://github.com/mbostock/d3/wiki/API-Reference)上.
我尝试使用axis.innerTickSize,但它没有用.
有什么方法可以在轴上绘制单词吗?
我找到了一个使用axis.tickSubdivide()的例子(http://bl.ocks.org/GerHobbelt/3605124),但我无法弄清楚它是如何工作的,即使嵌入式d3.v3.min.js说" n.tickSubdivide = function(){return arguments.length && n}",它不做任何事情只返回轴.
现在,我的条形底座用椭圆形作为阴影:http://jsfiddle.net/rdesai/MjFgK/55/
如何更改样式以使基点看起来如下图所示?

编辑
可以减少此问题以创建如下所示的形状:
我可以使用这个形状来代替椭圆.
如何将椭圆形代码修改为上面的形状?
svg.selectAll(".ellipse")
.data(data)
.enter()
.append("ellipse")
.attr("cx", function(d) { return x(d.episode) + 17; })
.attr("cy", function(d) { return y(0); })
.attr("rx", 20)
.attr("ry", 5)
.style("fill", function(d) { return d.shadow_color; })
Run Code Online (Sandbox Code Playgroud)