Соединение точек NULL в чартах Highstock

Question

API не показывает правильный пример использования свойства connectNulls. У меня было несколько попыток, но не повезло. Вот что у меня есть:

Попытка 1:

plotOptions : 
{   
   line: { connectNulls : true}
},

В результате: TypeError: Cannot read property 'x' of undefined

Попытка 2:

plotOptions : 
{   
    series: 
    { 
        gapSize: null, 
        line: { connectNulls : true} 
    }
},

Это не дает мне никаких ошибок, поэтому я предполагаю, что это наиболее точный путь, но ничего не меняется: точки с обеих сторон null точек не связаны.

Может кто-нибудь поделиться срезанным кодом, который показывает правильный способ сделать это?

Answer 1

API старших диаграмм имеет два примера для свойства connectNulls: один для true и один для false.

.connectNulls">http://api.highcharts.com/highcharts#series.connectNulls

Пример true: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-connectnulls-true/

Фрагмент из примера true:

   plotOptions: {
        series: {
            connectNulls: true
        }
    },

The false пример: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-connectnulls-false/

Фрагмент из false пример:

plotOptions: {
    series: {
        // connectNulls: false // by default
    }
},

Значение по умолчанию false - вдумчивый выбор, поскольку при подключении значений приесли нет данных, результаты могут привести к ложным предположениям со стороны средства просмотра диаграммы.

ОБНОВЛЕНИЕ

Вот пример Highstock :

$(function() {

        window.chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container'
            },

            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'AAPL Stock Price'
            },

            series : [{
                name : 'AAPL',
             connectNulls: true, 
                data : [
  [1112832000000,43.56],
[1112918400000,43.74],
[1113177600000,41.92],
[1113264000000,null],
[1113350400000,null],
[1113436800000,37.26],
[1113523200000,35.35],
[1113782400000,35.62],
[1113868800000,37.09],
[1113955200000,35.51],
[1114041600000,37.18],
[1114128000000,35.50],
[1114387200000,36.98],
[1114473600000,36.19],
[1114560000000,35.95],
[1114646400000,35.54],
        [1114732800000,36.06]          
        ],
                tooltip: {
                    valueDecimals: 2
                }
            }]
        });

});