Для NVD3 lineChart Удалить отсутствующие значения (чтобы иметь возможность интерполировать)

Как показал Ларс, заставить график выглядеть так, как вы хотите, нужно всего лишь удалить недостающие значения из ваших массивов данных.

Однако обычно вы не хотите делать это вручную, удаляя все строки с пропущенными значениями. Вам необходимо использовать фильтр массива функция для удаления недостающих значений из массивов данных.

Когда у вас есть полный массив данных в виде массива объектов серии, каждый из которых имеет массив значений, этот код должен работать:

//to remove the missing values, so that the graph
//will just connect the valid points,
//filter each data array:
data.forEach(function(series) {
    series.values = series.values.filter(
        function(d){return d.y||(d.y === 0);}
    );
    //the filter function returns true if the
    //data has a valid y value 
    //(either a "true" value or the number zero,
    // but not null or NaN)

});

Обновленная скрипка здесь: http://jsfiddle.net/xammamax/8Kk8v/

Конечно, когда вы создаете массив данных из csv, где каждая серия представляет собой отдельный столбец, вы можете выполнять фильтрацию одновременно с созданием массива:

var chartdata = [];//initialize as empty array

d3.csv("top_1_L-shaped.csv", function(error, csv) {

    if (error)
        return console.log("there was an error loading the csv: " + error);

    var columndata = ["Germany", "Switzerland", "Portugal", 
                      "Japan", "Italy", "Spain", "France", 
                      "Finland", "Sweden", "Denmark", "Netherlands"];

    for (var i = 0; i < columndata.length; i++) {

        chartdata[i].key = columndata[i];

        chartdata[i].values = csv.map(function(d) {
                return [+d["year"], +d[ columndata[i] ] ];
            })
            .filter(function(d){
                return d[1]||(d[1] === 0);
            });
            //the filter is applied to the mapped array, 
            //and the results are assigned to the values array.
    }
});