Скрыть определенную легенду серии c в столбчатой ​​диаграмме с несколькими сериями

Question

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

Вот как выглядит мой текущий график . (Левая полоса представляет начало года, а правая - конец года.)

Это код для моей диаграммы прямо сейчас: (для целей тестирования те же данные ha sh - используется для обоих наборов)

total_effort_data = [
            { name: "Academic", data: academic_hash, stack: "9/1" },
            { name: "Administrative", data: administrative_hash, stack: "9/1" },
            { name: "Clinical", data: clinical_hash, stack: "9/1" },
            { name: "Research", data: research_hash, stack: "9/1"} ,
    
            { name: "Academic", data: academic_hash, stack: "8/31" },
            { name: "Administrative", data: administrative_hash, stack: "8/31" },
            { name: "Clinical", data: clinical_hash, stack: "8/31" },
            { name: "Research", data: research_hash, stack: "8/31" }, ]
...
<%= column_chart total_effort_chart_path,
             stacked: true, legend: "top", suffix: "%", max: 100,
             colors: ["#FFDB80", "#F7A791", "#C8EA80", "#CAE9F4"] %>

И, кстати, можно ли добавить метки «9/1» и «8/31» под осью под каждым столбцом (над годом диапазон)?

Answer 1

Используйте свойства showInLegend и linkedTo:

    series: [..., {
        data: [3, 2, 1],
        showInLegend: false,
        linkedTo: 'series1'
    }]

Вероятно, в вашем коде это должно выглядеть так:

total_effort_data = [
        { name: "Academic", data: academic_hash, stack: "9/1", id: "academic" },
        ...,

        { name: "Academic", data: academic_hash, stack: "8/31", showInLegend: false, linkedTo: "academic" },
        ...
]

Живая демонстрация: http://jsfiddle.net/BlackLabel/ocxyfv42/

Ссылка API:

https://api.highcharts.com/highcharts/series.column.showInLegend

https://api.highcharts.com/highcharts/series.column.linkedTo