Могу ли я использовать два массива «категории» в сложной гистограмме?

Question

Я использую сложную процентную диаграмму в Highcharts. (This jsfiddle похож на наш график, полученный от an example на сайте Highcharts.)

Что я хотел бы сделать, это добавить еще один набор ярлыков категории с правой стороны диаграммы. Если у левой стороны есть метки для каждого бара, я хотел бы показать среднее справа. (Вычисление этого среднего значения и включение его в конфигурационные данные Highcharts выполняется на стороне сервера, в скрипте я просто закодировал некоторые фиктивные значения.)

Я попытался использовать несколько конфигураций по оси x, с средние категории с пометкой opposite: true, чтобы поместить их на правую сторону. Я вижу, что добавление этого изменяет диаграмму, особенно если я не помещаю их в opposite, но эти метки фактически не отображаются в любой конфигурации, которую я пробовал. Это возможно? Если да, то что мне нужно сделать, чего я еще не делаю?

Это конфигурация в примере jsFiddle:

$('#container').highcharts({ 
    chart: { 
     type: 'bar' 
    }, 
    title: { 
     text: 'Stacked bar chart' 
    }, 
    xAxis: [{ 
     categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
    }, { 
     title: 'Avg.', 
     categories: [3.0, 3.3, 3.6, 2.6, 3.0], 
     opposite: true 
    }], 
    yAxis: { 
     min: 0, 
     title: { 
      text: 'Percent fruit consumption' 
     } 
    }, 
    plotOptions: { 
     series: { 
      stacking: 'percent' 
     } 
    }, 
    series: [{ 
     name: 'John', 
     data: [5, 3, 4, 7, 2] 
    }, { 
     name: 'Jane', 
     data: [2, 2, 3, 2, 1] 
    }, { 
     name: 'Joe', 
     data: [3, 4, 4, 2, 5] 
    }] 
}); 

Answer 1

Вы имеете правильную ось установлен, но в настоящее время график не знает, что делать со второй осью.

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

Если добавить linkedTo собственности, он будет работать в соответствии с требованиями:

xAxis: [{ 
    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
}, { 
    linkedTo: 0, // <-- now the chart will show it, as long as axis 0 is able to be shown 
    title: 'Avg.', 
    categories: [3.0, 3.3, 3.6, 2.6, 3.0], 
    opposite: true 
}] 

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

• http://jsfiddle.net/jlbriggs/z4zkm8v5/2/