javascript - 处理 Google 图表上的空数据

Question

我正在尝试使用给定数据(即 [date, value1, value2])创建复合图表，但是我无法处理此类输入:

// [["Day","Dose","INR"],["17/04",1.5,null]]
// [["Day","Dose","INR"]]
// [["Day","Dose","INR"],["17/04",1.5,null],["18/04",2.5,null]]

也就是说，当一组具有特定值的数据全部由空值组成时，我无法将其绘制在图表上。这样的输入很好:

// [["Day","Dose","INR"],["17/04",1.5,null],["18/04",2.5,0.9]]
// [["Day","Dose","INR"],["17/04",1.5,null],["18/04",2.5,0.9],["19/04",null,1.4]]

这是我绘制图表的 javascript 代码。数据来自 Ruby 模型。

$(function () { 

    google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawVisualization);

    function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable(<%= DrugInr.generate_array(@patient) %>);

        var options = {
            vAxes: { 1: {title: 'Dose', format: '#.#', maxValue: 20}, 
            0: {title: 'INR',format: '#.#', minValue: -1, baselineColor:"#CCCCCC"} },
            hAxis: {title: 'Day'},
            seriesType: 'bars',
            bar: {
                groupWidth: 2
            },
            series: {
                0:{ type: "bars", targetAxisIndex: 1 },
                1:{ type: 'line', targetAxisIndex: 0}

            }
    };



var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);

}
});

如何处理这些半空值？

Answer 1

我会推荐 interpolateNulls 选项。请参阅ComboChart Configuration Options有关详细信息的文档。

var options = {
    interpolateNulls: true
};

此选项只是告诉图表在存在空值时猜测您的值，而不是留下间隙。无论如何，适用于大多数情况。