highcharts настроить легенду для разных серий

Question

У меня есть 2 круговых диаграммы и у каждого есть 2 легенды. я хочу позиционировать 2 справа и 2 слева. Как бы я это сделал?

Я пытался добавить легенду в серии, а не графика ... но это не сработало ...

chart.addSeries({ 
    name: data.series[i].name, 
    data: data.series[i].data, 
    type: data.series[i].type, 
    showInLegend: true, 
    legend: { 
     enabled: true, 
     floating: true, 
     verticalAlign: 'bottom', 
     align:'right', 
     y:100, 
     itemStyle: { 
      textDecoration: 'underline' 
     } 
    }, 
    } 
}); 

любые подсказки или руководящие принципы будут оценены ...

Благодаря

Answer 1

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

Я бы предложил использовать методы рендеринга (http://api.highcharts.com/highcharts#Renderer), чтобы отобразить фиксированную легенду в стиле HTML или использовать HTML/CSS для создания легенды (которая будет технически жить вне графика), где элементы можно кликать.

Вот пример, который я создал с пользовательской легендой: https://www.frbatlanta.org/chcs/labor-market-distributions.aspx (см. Части с флажками и выпадающими меню). Достаточно просто создать событие click из вашей пользовательской легенды, чтобы показать/скрыть связанные серии.

Буду рад отредактировать скрипку, если вы ее предоставите.