Highcharts, используйте панель ошибок с модулем данных

Question

Мы используем гистограмму Highcharts точно как в этом примере:

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/data/rows/

$(function() { 
$('#container').highcharts({ 

    chart: { 
     type: 'column' 
    }, 

    title: { 
     text: 'Data input as row arrays' 
    }, 

    data: { 
     rows: [ 
      [null, 'Ola', 'Kari'], // series names 
      ['Apples', 1, 5], // category and values 
      ['Pears', 4, 4], // category and values 
      ['Oranges', 3, 2] // category and values 
     ] 
    } 
}); 

});

Итак, для данных диаграммы мы не используем ряды, а строки данных.

Есть ли способ добавить панель ошибок в эту диаграмму столбцов и как это можно сделать?

Thankz, Вальтера

Answer 1

Я боролся с этим сам на некоторое время, и я, наконец, понял это. Трюк состоит в том, чтобы определить серию и дать им идентификатор. После этого вы можете связать ошибки в правой строке.

$(function() { 
$('#container').highcharts({ 

    chart: { 
     type: 'column' 
    }, 

    title: { 
     text: 'Data input as row arrays' 
    }, 

    tooltip: { 
     shared: true 
    }, 


    data: { 
     rows: [ 
      [null, 'Ola', 'Kari'], // series names 
      ['Apples', 1, 5], // category and values 
      ['Pears', 4, 4], // category and values 
      ['Oranges', 3, 2] // category and values 
     ] 
    }, 
    series: [ 
     { 
      id: '0' 
     }, 
     { 
      id: '1' 
     }, 
     { 
      type: 'errorbar', 
      data: [[0, 3], [1, 3],[2, 1]], 
      linkedTo: '0' 
     }, 
     { 
      type: 'errorbar', 
      data: [[0, 6], [2, 5],[3, 2]], 
      linkedTo: '1' 
     } 
    ] 
}); 

});

Смотрите обновленную скрипку для примера: http://jsfiddle.net/6k7ee0cu/1/