javascript - 如何使用 Google Charts 在一张 Canvas 上绘制 2 个函数？

Question

我有下面的代码。

我想在同一个 Canvas 上绘制 2 个折线图，如下所示 http://prntscr.com/b8oabw

但我得到的是这个 http://prntscr.com/b8o7pg

如何连接所有蓝色部分和所有红色部分以形成连续的线？

function drawChart() {

            // Create the data table.
            var dataTable = new google.visualization.DataTable();
            dataTable.addColumn('string', 'День');
            dataTable.addColumn('number', 'Количество ручных назначений');
            dataTable.addColumn('number', 'Количество отложенных задач');


            @if (Model.ManualAssingDictionary.Count > 0)
            {
                foreach (var m in Model.ManualAssingDictionary)
                {
                    @:dataTable.addRow(["@m.Key",@m.Value, undefined]);
                }
            }
            else
            {
                @:$("#NoManualAssignmentForPeriod").css("display", "block");
            }

            @if (Model.PostponedDictionary.Count > 0)
            {
                foreach (var m in Model.PostponedDictionary)
                {
                    @:dataTable.addRow(["@m.Key", undefined,@m.Value]);
                }
            }
            else
            {
                @:$("#NoStoppedTasksForPeriod").css("display", "block");
            }
            dataTable.sort([{ column: 0 }]);
            
            // Set chart options
            var options =
            {
                'title': 'График количества ручных назначений',
                'width': 800,
                'height': 600
            };


            var chart = new google.visualization.LineChart(document.getElementById('chart'));
            chart.draw(dataTable, options);


        }


        // Set a callback to run when the Google Visualization API is loaded.
        google.charts.setOnLoadCallback(drawChart);

Answer 1

正如楼上所说

try using null instead of undefined -- add this to your options --> interpolateNulls: true

非常感谢他，它正在发挥作用。