Подключение точек NULL в диаграммах Highstock

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

Попытка 1:

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

В результате получается: TypeError: Cannot read property 'x' of undefined

Попытка 2:

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

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

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

Ответы

Ответ 1

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

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
        }
    },

Пример 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 является продуманным выбором, потому что когда вы связываете значения, когда данных нет, результаты могут приводить к ложным предположениям со стороны зрителя диаграммы.

UPDATE

Вот пример 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
                }
            }]
        });

});