2

総排出量とコストの関係を示すために、上部に線グラフが付いた積み上げ棒グラフを作成しようとしています。

私の例はここにあります：

http://bl.ocks.org/4754261

グラフからわかるように、折れ線グラフのドットは下部の目盛りと一致していないため、バーの中心とうまく一致していません。

私はグーグルでかなり掘り下げてきました、そして私はまだ私の問題を解決するのを助ける何かを見つけることができませんでした。2番目のx軸が必要ですか？必要な場合はどのようになりますか？

ああ、これがコストと排出量の関係を示すための悪いまたは誤解を招く方法である場合、私は他のアイデアを受け入れます。

4

1 に答える 1

7

ライン/ドット計算の x ポイントに各バーの幅の半分を追加する必要があります。各バーの幅を x.rangeBand() に定義したので、これは x プロパティを次のように変更することを意味します。

var valueline = d3.svg.line()
    .x(function(d) {
        return x(d.property) + x.rangeBand() / 2;
    })
    .y(function(d) { return yCost(d.normalised_cost); })
    .interpolate("step-after");
于 2013-02-11T14:36:00.247 に答える