Диаграмма области HIghchart неправильно отображает значение NULL

Question

У меня есть такие данные серии [ноль, 0, ноль, ноль, нуль, ноль, 0,86, ноль, 0, ноль]
Как видите, в нем всего три точки.
Однако это было показано, как показано ниже,

Пожалуйста, посмотрите демо здесь,

Highcharts.chart('container', {
chart: {
    type: 'area',
    spacingBottom: 30
},
title: {
    text: 'Fruit consumption *'
},


xAxis: {
    categories: ["Term 3_week1","Term 3_week2","Term 3_week3","Term 3_week4","Term 3_week5","Term 3_week6","Term 3_week7","Term 3_week8","Term 3_week9","Term 3_week10"]
},
yAxis: {
    title: {
        text: 'Y-Axis'
    }
},

plotOptions: {

    area: {
        fillOpacity: 0.5
    }
},
credits: {
    enabled: false
},
series: [{
    name: 'John',
    data: [null,0,null,null,null,null,0.86,null,0,null]
}]

});

Я очень смущен, почему это отображается так.

Кто-нибудь может помочь?Спасибо

Answer 1

Сначала, если вы посмотрите свою демонстрацию на Firefox, она покажет только 3 точки без какой-либо области.

Теперь вы можете попробовать использовать connectNulls Api Doc так:

chart: {
    type: 'scatter',
    spacingBottom: 30
},
plotOptions: {
    area: {
        fillOpacity: 0.5,
        connectNulls:true
    }
},

Редактировать : новый тип диаграммы

Обновленная скрипка