d3.js - 負の値で D3js 面グラフを作成する

Question

負の値を持つ棒グラフの例があります... 負の値を持つ棒グラフ

面グラフの同様の例はありますか?

Answer 1

確かに、再利用可能なグラフに関する Mike Bostock の投稿に基づいてフィドルを作成しました: http://jsfiddle.net/C5gYv/

基本的に、データが正か負かを確認し、y0 と y1 をそれぞれ設定します。

    area = d3.svg.area()
        .x(X)

    ...

        g.select(".area").attr("d",
            area.y1(function (d) {
                // the highest point
                if (d[1] <= 0) {
                    return yScale(0);
                } else {
                    return Y(d);
                }
            })
                .y0(function (d) {
                // the lowest point
                if (d[1] <= 0) {
                    return Y(d);
                } else {
                    return yScale(0);
                }
            }));

それが役立つことを願っています!