小编a-x*_*x-i的帖子

条形图未以 d3.js x 轴为中心

我有一个条形图,其中 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)

我想念什么?

提前致谢!

axis bar-chart d3.js

5
推荐指数
0
解决办法
1032
查看次数

d3js折线图 - 如何将最后一步延伸到范围结束?

这很简单,但我无法摆脱这个问题.

一条线是两个点(值)之间的链接,从值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 让我疯狂,但很酷......)

linechart d3.js

3
推荐指数
1
解决办法
2705
查看次数

标签 统计

d3.js ×2

axis ×1

bar-chart ×1

linechart ×1