我有一个条形图,其中 x 轴显示工作日和该月的日期。我有一个小问题,x 轴的值并不像http://bl.ocks.org/mbostock/3885304的示例中那样位于条形图的中心:
这就是我的样子:
一些代码片段:
var x = d3.time.scale().range([0, width], .1);
var d3ticks = d3.time.days;
var xAxis = d3.svg.axis()
.scale(x)
.ticks(d3ticks, 1)
.tickFormat(format)
.orient("bottom");
svgGroup.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
Run Code Online (Sandbox Code Playgroud)
我想念什么?
提前致谢!
这很简单,但我无法摆脱这个问题.
一条线是两个点(值)之间的链接,从值A到值B绘制.因此,假设A的值为10,B的值为20,缺少C.该行现在从0到10到20绘制并完成.我想绘制从0到10到20到25的线.值是x轴的刻度(0,10,20,30,40).这是否可以不改变我的线的开头,所以它仍然从x轴的零点开始?
当然没有从20到25绘制额外的线:)
我的代码:
var line = d3.svg.line()
.defined(function (d) { return d.value != null; })
.x(function (d, i) {
return x(d.xValue);
})
.y(function (d) {
return y(d.value);
}).interpolate("step-after");
Run Code Online (Sandbox Code Playgroud)
thx提前
这里有两张照片.第一个,现在看起来如何,第二个,它应该是什么样子.
现在http://www.axi.at/webimages/year2013_old.png 然后http://www.axi.at/webimages/year2013_new.png©axi(d3js 让我疯狂,但很酷......)