d3.js - セグメントごとに d3js の線のスタイルを変更しますか?

Question

変更要求による「追加作業」をバーン チャートで視覚化しようとしています。なんとかグラフを描くことができましたが、増加を示す縦線に独自の色を付けるのが好きです. このようなもの：

私のデータは次のようなものです：

   var actualRaw = [{
        date: new Date(2017, 1, 1),
        added: 0,
        done: 50
    }, {
        date: new Date(2017, 1, 15),
        added: 10,
        done: 40
    }]

これを次のように変換します。

    var actual = [];

    actualRaw.map(line => {
        actual.push({
            date: line.date,
            points: line.done,
            class: 'la'
        });
        actual.push({
            date: line.date,
            points: line.done + line.added,
            class: 'ln'
        });

    })

次に、次のような書式設定を適用してみてください。

    chart.append("path")
        .datum(actual)
        .attr("class", function(d, i) {
            return 'line ' + d[i].class;
        })
        .attr("d", actualLine);

ただし、その関数は一度しか呼び出されません。何が恋しいですか？

これまでの私の試みは完了しました。