Javascript chart.js中带空值的阶梯线

我有数据：

[10,5，null，10,5]

，标签：

[2012012012012012012012012014]

我想画一条在

2012

和

2013

之间有差距的阶梯线。 当我将

steppedLine

设置为

true

时，它只在

2011

处画了一条垂直线，而没有水平线来连接

2011

和

2012

，因为

2012

的值为

null

。如果我将

spanGaps

设置为

true

，它将在值

5

处从

2011

到

2013

划一条线

基本上，我要寻找的是，如果起始值是一个数字，而结束值是

null

，则画一条线，但反之亦然

控制器中的相关代码：

    _this.lines = {};
    _this.lines.labels = [2010,2011,2012,2013,2014];
    _this.lines.data = [
        [10, 5, null, 10, 5]    
    ];
    _this.lines.series = ['Now'];
    _this.lines.options = {
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    parser: 'DD MMM YYYY'
                }
            }],
            yAxes: [{
                type: 'linear',
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    };
    _this.lines.datasetOverride = [{
        fill: false,
        spanGaps: true,
        steppedLine: true
        },
    ];

HTML:

---

这可能不是您想要的，但您可以在

2012

处添加另一个与

2011

值相同的点，然后

2012

处的另一个数据点将

null

，因此它将在

2012

和

2013

之间创建一个间隙，尽管它将在

2012

处创建一个点

---

这将是对当前代码的唯一更改

能否添加代码段？

<canvas class="chart chart-line" chart-labels="ctrl.lines.labels" chart-data="ctrl.lines.data" chart-options="ctrl.lines.options" chart-series="ctrl.lines.series" chart-dataset-override="ctrl.lines.datasetOverride" height="140" responsive=true></canvas>

_this.lines.labels = [2010,2011,2012,2012,2013,2014];
_this.lines.data = [
    [10, 5,5,null, 10, 5]    
];