Добавление маркеров серии в диаграмму области высоких диаграмм

Question

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

Попытка 1: заменить [x,y] элемент с [{x,y,marker}] объекта

data: [[1384219800000,2], 
[{x:1384269600000,y:7,marker:{symbol:"url(http://www.highcharts.com/demo/gfx/sun.png)"}}], 
[1384279900000,1]] 

Попытка 2: заменить [x,y] элемент с [x, {y,marker}] объекта

data: [[1384219800000,2], 
[1384269600000, {y:7,marker:{symbol:"url(http://www.highcharts.com/demo/gfx/sun.png)"}}], 
[1384279900000,1]] 

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

$(function() { 
     $('#container').highcharts({ 
          chart: { 
        type: 'area' 
       }, 
       title: { 
        style: { 
         display: 'none' 
        } 
       }, 
       subtitle: { 
        style: { 
         display: 'none' 
        } 
       }, 
       credits: { 
        enabled: false 
       }, 
       xAxis: { 
        type: 'datetime' 
       }, 
       yAxis: { 
        title: { 
         text: '' 
        }, 
        min: 0, 
        minorGridLineWidth: 0, 
        gridLineWidth: 0, 
        alternateGridColor: null 
       }, 
       legend: { 
        borderWidth: 0, 
        enabled: true, 
        align: 'right', 
        verticalAlign: 'top', 
        x: -5, 
        y: -15, 
        floating: true 
       }, 
       plotOptions: { 
        area: { 
         stacking: 'normal', 
         lineColor: '#666666', 
         lineWidth: 1, 
         marker: { 
          lineWidth: 0, 
          lineColor: '#666666', 
          enabled: false 
         } 
        } 
       }, 
       series: 
       [{ 
        name: 'Items', 
        color: '#3399CC', 
        data: [[1384219800000,2],[1384269600000,7],[1384279900000,1]] 
       }], 
       navigation: 
       { 
        menuItemStyle: { 
         fontSize: '10px' 
        } 
       }, 
       navigator: { 
        enabled: true 
       }, 
       scrollbar: { 
        enabled: false 
       }, 
       rangeSelector: { 
        enabled: false 
       } 
     }); 
    }); 

Answer 1

Ваш первый синтаксис близок к коррекции, за исключением того, что вам нужно отбросить [] вокруг {} и включить маркер для этой конкретной точки:

data: [ 
    [1384219800000,2], 
    { 
    x:1384269600000, 
    y:7, 
    marker:{ 
     enabled: true, 
     symbol:"url(http://www.highcharts.com/demo/gfx/sun.png)" 
    } 
    }, 
    [1384279900000,1] 
] 

Fiddle here.